小程序/JS二进制操作ArrayBuffer
2023-09-11 14:14:25 时间
ArrayBuffer是JavaScript用来处理二进制的,ArrayBuffer对象保存着原始二进制数据,它不能对数据进行操作,
只能通过视图类(TypeArray或DataView)才能对数据进行读写。
ArrayBuffer特点
- 数组里面存放的是二进制原始数据
- 初始化后固定大小
// 创建一个8-byte的ArrayBuffer
var b = new ArrayBuffer(8);
// 创建一个b的引用,类型是Int32,起始位置在0,结束位置为缓冲区尾部
var v1 = new Int32Array(b);
// 创建一个b的引用,类型是Uint8,起始位置在2,结束位置为缓冲区尾部
var v2 = new Uint8Array(b, 2);
// 创建一个b的引用,类型是Int16,起始位置在2,总长度为2
var v3 = new Int16Array(b, 2, 2);
数组缓冲器视图DataView
使用ArrayBuffer(数组缓冲器类型)的一种特别的方式就是用它来创建数组缓冲器视图。
其中,最常见的视图是DataView,通过它可以选择ArrayBuffer中的一小段字节。
为此,可在创建DataView实例的时候传入一个ArrayBuffer、一个可选的字节偏移量(从该字节开始选择)和一个可选的要选择的字节数。
ArrayBuffer可以存放多种类型的数据,而不同类型的存储方式就是DataView
DataView的类型如下:
Int8Array:8位有符号整数,长度1个字节。
Uint8Array:8位无符号整数,长度1个字节。
Int16Array:16位有符号整数,长度2个字节。
Uint16Array:16位无符号整数,长度2个字节。
Int32Array:32位有符号整数,长度4个字节。
Uint32Array:32位无符号整数,长度4个字节。
Float32Array:32位浮点数,长度4个字节。
Float64Array:64位浮点数,长度8个字节。
类型化视图一般也被称为类型化数组,因为它们除了元素必须是某种特定的数据类型外,与常规的数组无异。而且它们都继承了DataView。
ArrayBuffer对象并没有提供任何读写内存的方法,而是允许在其上方建立“视图”,从而插入与读取内存中的数据。
ArrayBuffer | Uint8Array数组 | |
存储内容 | 放0和1组成的二进制数据 | 放数字、字符串、布尔值以及对象和数组等 |
存储位置 | 数据放在栈中(所以取数据较快) | 放在堆中 |
存储大小 | 初始化后固定大小 | 数组则可以自由增减 |
var arraybuffer = new ArrayBuffer(8);//实例化时,仅需传入字节数
ArrayBuffer.length; // 1
arraybuffer.byteLength; // 8
var int8a = new Int8Array(arraybuffer);//类方法ArrayBuffer.isView()判断某对象是否为视图
ArrayBuffer.isView(int8a) //return true
相关文章
- 网页中运行JS代码
- JS+CSS3 360度全景图插件 - Watch3D.js
- JS框架_(Popup.js)3D对话框窗口插件
- JS框架_(Typed.js)彩色霓虹灯发光文字动画
- JS框架_(Bootstrap.js)实现简单的轮播图
- 优化 JS 程序的一个小方法
- pixi.js webgl库
- JS魔法堂:判断节点位置关系
- js-ECMAScript-6:自定义对象
- [Node.js]24. Level 5: Express, Express routes
- Atitit.使用引擎加脚本架构的设计 使用php,js来开发桌面程序。。
- js简单全选及反选demo效果示例(整理)
- js 在for 循环内加了计数器之后的值变化
- node.js JS对象和JSON字符串之间的转换
- js获取13位时间戳和10位时间戳
- Node.js:使用nrm来管理npm源
- 第一个js程序
- 【JS高级】js面向对象三大特性之多态_07
- 【JS高级】js面向对象三大特性之封装—如何创建对象_05
- 【JS高级】js之正则相关函数以及正则对象_02