JS中ArrayBuffer和Uint8Array区别

时间：2025-01-30 15:48:15

1.常见的js数组

var arr = new Array(5)

2.类型化数组TypedArray

  • Javascript的数组的强大以及全能，给我们带来了便捷性；
  • 全能的东西能在各种环境下使用，但却不一定适用于各种环境；
  • 所以在定制html5版本时中，TypedArray在WEBGL规范中被引入用于解决Javascript处理二进制数据的问题。

(类型化数组也是数组，只不过其元素被设置为特定类型的值)

2.1 类型化数组ArrayBuffer

类型化数组的核心是一个名为ArrayBuffer的类型

  • 每个ArrayBuffer对象表示的只是内存中指定的字节数;
  • 但不会指定这些字节用于保存什么类型的数据；
  • 通过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);

ArrayBuffer可以存放多种类型的数据，而不同类型的存储方式就是DataView

2.2 数组缓冲器视图DataView

  • 使用ArrayBuffer（数组缓冲器类型）的一种特别的方式就是用它来创建数组缓冲器视图。
  • 其中，最常见的视图是DataView，通过它可以选择ArrayBuffer中的一小段字节。
  • 为此，可在创建DataView实例的时候传入一个ArrayBuffer、一个可选的字节偏移量（从该字节开始选择）和一个可选的要选择的字节数。

DataView的类型如下：

  • Int8Array：8位有符号整数，长度1个字节。（-128~127）
  • Uint8Array：8位无符号整数，长度1个字节。（0~255）
  • Int16Array：16位有符号整数，长度2个字节。（-32768,32767）
  • Uint16Array：16位无符号整数，长度2个字节。（0~65535）
  • Int32Array：32位有符号整数，长度4个字节。（-2147483648~2147483647）
  • Uint32Array：32位无符号整数，长度4个字节。（0~4294967295）
  • Float32Array：32位浮点数，长度4个字节。
  • Float64Array：64位浮点数，长度8个字节。

类型化视图一般也被称为类型化数组，因为它们除了元素必须是某种特定的数据类型外，与常规的数组无异。而且它们都继承了DataView。

ArrayBuffer对象并没有提供任何读写内存的方法，而是允许在其上方建立“视图”，从而插入与读取内存中的数据。

JavaScript ArrayBuffer浅析_我的成长之路！-****博客

ArrayBuffer Uint8Array数组
存储内容 放0和1组成的二进制数据 放数字、字符串、布尔值以及对象和数组等
存储位置 数据放在栈中（所以取数据较快） 放在堆中
存储大小 初始化后固定大小 数组则可以*增减 
var arraybuffer = new ArrayBuffer(8);//实例化时，仅需传入字节数
;  // 1
;  // 8

var int8a = new Int8Array(arraybuffer);//类方法()判断某对象是否为视图
(int8a)  //return true

3、初始化

("Uint8Array:"+new Uint8Array([-256, 0, 6.28, 255]));
("Int8Array:"+new Int8Array([-128, 0, 127, 255]));

("Uint16Array:"+new Uint16Array([-6, 0, 128, 65535]));
("Int16Array:"+new Int16Array([-32768, 0, 32767, 65535]));

("Uint32Array:"+new Uint32Array([-255, 0, 6.28, 4294967295]));
("Int32Array:"+new Int32Array([-2147483648, 0,2147483647, 4294967295]));

不同的构造函数如下：

new TypedArray(); // new in ES2017
new TypedArray(length);
new TypedArray(typedArray);
new TypedArray(object);

4、将数组长度写入Uint8Array

let len = ;
var szBufferLen = (16);
if ( === 1) {
	szBufferLen = "000" + szBufferLen;
} else if ( === 2) {
	szBufferLen = "00" + szBufferLen;
} else if ( === 3) {
	szBufferLen = "0" + szBufferLen;
}
var aData = [0, 0, parseInt((0, 2), 16), parseInt((2, 4), 16)];

相关文章