JS ArrayBuffer 数据获取与转换

最新推荐文章于 2024-06-18 20:01:25 发布
最新推荐文章于 2024-06-18 20:01:25 发布
阅读量9.4k 收藏 3
点赞数 1
分类专栏： javascript 文章标签： js ArrayBuffer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GMingZhou/article/details/108531220
版权

简介

ArrayBuffer 对象用来表示通用的、固定长度的原始二进制数据缓冲区。

它是一个字节数组，通常在其他语言中称为“byte array”。

你不能直接操作 ArrayBuffer 的内容，而是要通过类型数组对象或 DataView 对象来操作，它们会将缓冲区中的数据表示为特定的格式，并通过这些格式来读写缓冲区的内容。

ArrayBuffer - JavaScript | MDN

查看ArrayBuffer内容

在这里插入图片描述

内部有4种存储方式，一般 Uint8Array 使用的多

[Int8Array]]: Int8Array(20) [104, 116, 116, 112, 58, 47, 47, 119, 119, 119, 46, 99, 109, 115, 111, 102, 116, 46, 99, 110]
[[Int16Array]]: Int16Array(10) [29800, 28788, 12090, 30511, 30583, 25390, 29549, 26223, 11892, 28259]
[[Int32Array]]: Int32Array(5) [1886680168, 1999580986, 1663989623, 1718580077, 1851993716]
[[Uint8Array]]: Uint8Array(20) [104, 116, 116, 112, 58, 47, 47, 119, 119, 119, 46, 99, 109, 115, 111, 102, 116, 46, 99, 110]
byteLength: 20

转16进制字符

…

博客迁移，点击查看

唯重
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 中 TypeArray 与 ArrayBuffer 的 转换
追梦程序员
09-29 975
js处理和传输 文件流 音频流 视频流 一定会用到 TypeArray 和 ArrayBuffer 我们一般用 TypeArray 不用 ArrayBuffer ArrayBuffer 是二进制 字节数组 TypeArray 是特定数据类型数组,内部封装了ArrayBuffer 对象作为数据的载体 // 下面代码是语法格式，不能直接运行， // TypedArray 关键字需要替换为底部列出的构造函数。 new TypedArray(); // ES2017中新增 new TypedArra
JavaScript 之 ArrayBuffer
菜鸟史
05-11 1914
JS里的ArrayBuffer 还记得某个晚上在做 canvas 像素级操作，发现存储像素的数据格式并不是Array类型，而是ArrayBuffer，心想这是什么鬼？后来查了一些资料，发现自己这半年来的JS是白学了，竟然才知道还有这么个东东。 首先，这个 ArrayBuffer 类型化数组，类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而不能是传统的文本格式的背景下诞生的。 分配内存 类型
JavaScript中的ArrayBuffer是什么
dianyaxi4904的博客
07-31 547
一、JavaScript中的栈和堆 先简单说说JavaScript中的数据类型，主要分为两种，一种是值类型，一种是引用类型，常见的引用类型有Objact, Array， 如果数组中的元素是Nurmber， String之类的值类型会直接被压入栈中， 而引用类型只会压入对应的一个索引 指针就是指向对象和数组的一个索引，并不等于真正的这个对象和数组 ...
JavaScript进阶（六）：用JavaScript读取和保存文件_javascript blob保存 文件
最新发布
2401_85123638的博客
06-18 763
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档### 最后**前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档**[外链图片转存中...(img-yQFdSzkM-1718712072620)][外链图片转存中...(img-FYnMuyjr-1718712072622)]
ECMAScript 6 入门：ArrayBuffer
viviliving的专栏
10-24 995
对象代表储存二进制数据的一段内存，它不能直接读写，只能通过视图（TypedArray视图和DataView视图)来读写，视图的作用是以指定格式解读二进制数据。也是一个构造函数，可以分配一段可以存放数据的连续内存区域。上面代码生成了一段 32 字节的内存区域，每个字节的值默认都是 0。可以看到，构造函数的参数是所需要的内存大小（单位字节）。为了读写这段内容，需要为它指定视图。DataView视图的创建，需要提供对象实例作为参数。上面代码对一段 32 字节的内存，建立DataView。
HTML5 ArrayBuffer：类型化数组 （二）
weixin_33963189的博客
02-16 1003
  类型化数组是JavaScript操作二进制数据的一个接口。 这要从WebGL项目的诞生说起，所谓WebGL，就是指浏览器与显卡之间的通信接口，为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而不能是传统的文本格式。 比如，以文本格式传递一个32位整数，两端的JavaScript脚本与显卡都要进行格式转化，将非常耗时。这时要是存在一种机制，可...
js: Array 与 ArrayBuffer 转换
dang_jian的博客
06-23 6647
let arr = [-3, -2, 1, 16, 61, 80, 40]; let arrayBuffer = new Int8Array(arr).buffer; console.log(arrayBuffer); let arr2 = Array.prototype.slice.call(new Int8Array(arrayBuffer )); console.log(arr2); 注：我这里使用提Uint8Array作为中间量是结合具体项目选择的，可以根据数据类型选择Int8Array I..
Array 与 ArrayBuffer相互转换
热门推荐
Android/Linux的专栏
09-07 1万+
Javascript: Array 与 ArrayBuffer相互转换 两种常用的类型ArrayBuffer和Array。前者一般在IO时会用到，比如写文件时参数类型需要是这样的；后者是便于操作的Array可以push可以操作等等。所以需要两者相互转换。 ArrayBuffer to Array let arrayBuffer = new ArrayBuffer(10); let array...
ArrayBuffer内存格式相互转换 ArrayBuffer转化16进制 16进制转字符串 pcm转wav音频
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-28 708
ArrayBuffer转化16进制 16进制转字符串 pcm转wav音频 ArrayBuffer转base64
Js读取图像的元数据
05-03
2. **EXIF.js库**：`exif-js-master`这个压缩包很可能包含一个名为`exif.js`的文件，这是一个用于读取JPEG文件中EXIF元数据的JavaScript库。使用这个库，你可以方便地获取到图像的元数据。例如，可以创建一个`...
javascript获取图片的md5
12-10
描述中的"图片进行md5加密，获取图片的md5加密"可能意味着我们首先需要将图片转换成可处理的数据格式，通常是二进制流，然后应用MD5算法。加密一词在这里可能会引起混淆，因为MD5并不提供可逆的加密功能，它实际上是...
to-array-buffer:将任何类似二进制的数据转换为 ArrayBuffer
05-29
到数组缓冲区 以同步方式将任何二进制数据容器转换为ArrayBuffer 。 检测到的容器： 缓冲 类型数组 数组缓冲区视图 数组缓冲区 数据uri字符串 base64 字符串 普通字符串 大批 数组数组 Number（以定义的长度（以字节为单位）创建新的ArrayBuffer） 等等。 它还处理一些自定义数据类型，如ImageData 、 AudioBuffer等，但通常它会为看起来不像二进制数据容器的对象返回null 。 另请注意，它不处理Blob和File ，因为它们需要异步 API。 var toArrayBuffer = require ( 'to-array-buffer' ) var context = require ( 'audio-context' ) // Get array buffer from any object ab = toArrayBuffer
JavaScript中的ArrayBuffer详细介绍
10-25
主要介绍了JavaScript中的ArrayBuffer详细介绍,本文讲解了Array 在内存中的堆栈模型、原始缓冲区的创建、数据化数组、DataView对象、XHR2 中的 ArrayBuffer等内容,需要的朋友可以参考下
js操作二进制数据方法
10-18
3. **ArrayBuffer**: ArrayBuffer是JavaScript中处理二进制数据的基础，它代表一块固定大小的原始二进制数据。创建ArrayBuffer使用`new ArrayBuffer(length)`，其中`length`是字节数。 4. **DataView**: DataView...
fetchable:它将数据转换为可获取的URI，例如URL.createObjectURLrevokeObjectURL
04-27
它将数据转换为可获取的URI，例如URL.createObjectURL / revokeObjectURL 安装 > npm install fetchable 例子 import Fetchable from "fetchable" let fetchable = new Fetchable ( "test" ) let url = fetchable . ...
ArrayBuffer:HW9任务3
03-28
在JavaScript的世界里，ArrayBuffer是一种核心的类型，用于处理二进制数据，尤其在高性能的网络通信、数据解析以及图形处理等场景中扮演着重要角色。ArrayBuffer对象并不直接存储数据，而是为二进制数据提供一个内存...
蓝牙arrayBuffer数据转10进制在转有符号数
Jk200165的博客
03-24 780
一个字节（byte）有 8 位，因此一个 16 位的二进制数可以被拆分为两个 8 位的字节（高位字节和低位字节）。在进行字节序的转换时，需要将高位字节与低位字节的顺序交换，也就是将高位字节放在低位字节的位置，将低位字节放在高位字节的位置。因此，我们需要将高位字节左移 8 位，然后再加上低位字节，才能得到正确的结果。因此，左移 8 位相当于将高位字节乘以 256，然后加上低位字节，就可以得到正确的结果了。的二进制表示的最高位是 1，所以它被解释为一个负整数。因此，此时的字节序就被正确地转换为了大端序。
arraybuffer操作_ArrayBuffer笔记
weixin_39777488的博客
12-19 956
前言全文摘抄自阮一峰的<>,单纯作为笔记使用ArrayBufferArraybuffer对象, TypedArray视图和DataView视图是Javascript 操作二进制数据的一个接口它们都是以数组的语法处理二进制数据,所以统称为二进制数组.这个接口原始设计目的与WebGL项目有关,即浏览器与显卡之间的通信接口,为了满足Javascript与显卡1大量的,实时的数据交换,它们之间...
js arraybuffer转string_JS 里的数据类型转换
weixin_33545930的博客
12-25 3895
任意类型转字符串String(x)x.toString()x + ''任意类型转数字Number(x)parseInt(x, 10) parseInt​developer.mozilla.orgparseFloat(x) parseFloat​developer.mozilla.orgx - 0+x任意类型转布尔Boolean(x)!!x内存图JS 引擎将内存分为代码区和数据区数据区分为 Stac...
处理ArrayBuffer类型的数据
05-26
ArrayBuffer 是一种表示二进制数据的类型，可以用来处理大量的字节数据。以下是一些处理 ArrayBuffer 的示例： 1. 创建 ArrayBuffer ```javascript let buffer = new ArrayBuffer(16); // 创建一个包含 16 个字节的 ArrayBuffer ``` 2. 获取 ArrayBuffer 中的数据 ```javascript let dataView = new DataView(buffer); // 创建一个 DataView 对象 let byte = dataView.getUint8(0); // 获取第一个字节的值 let short = dataView.getInt16(2); // 获取第二个和第三个字节组成的 16 位整数的值 let int = dataView.getInt32(4); // 获取第四个到第七个字节组成的 32 位整数的值 ``` 3. 修改 ArrayBuffer 中的数据 ```javascript dataView.setUint8(0, 255); // 将第一个字节的值设置为 255 dataView.setInt16(2, -32768); // 将第二个和第三个字节组成的 16 位整数的值设置为 -32768 dataView.setInt32(4, 2147483647); // 将第四个到第七个字节组成的 32 位整数的值设置为 2147483647 ``` 4. 将 ArrayBuffer 转换为字符串 ```javascript let uint8Array = new Uint8Array(buffer); // 创建一个 Uint8Array 对象 let str = String.fromCharCode.apply(null, uint8Array); // 将 Uint8Array 转换为字符串 console.log(str); // 输出 ArrayBuffer 中的数据 ``` 5. 将字符串转换为 ArrayBuffer ```javascript let str = "Hello, world!"; let uint8Array = new Uint8Array(str.length); for (let i = 0; i < str.length; i++) { uint8Array[i] = str.charCodeAt(i); } let buffer = uint8Array.buffer; // 将 Uint8Array 转换为 ArrayBuffer console.log(buffer); // 输出 ArrayBuffer 的内容 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值