JavaScript类型化数组是一种类似数组的对象,并提供了一种用于访问原始二进制数据的机制。
普通数组的创建方式是使用运算符中括号[]或者Javascript语言内置的Array()构造函数。类型数组适合计算量大的场景,需要大规模处理数据,比如矩阵计算。类型化数据最早 引入的原因就是为了WebGL的需要 ,关于计算机图形学的应用涉及到大量 的顶点数据数据处理,大量的矩阵变换,如果在使用原来的数组Array,效率低,浪费内存。
几种不同数组创建方式对应的内存分配图
1.arr1 = [10,12,13];或arr1 = new Array(10,12,13);
arr1的第一个元素10在内存中状态(10对应的二进制是1010) (int类型是32位)
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 1 0
2.arr2 = new Uint16Array([10,12,13]);
arr2的第一个元素10在内存中状态
0 0 0 0 0 0 0 0 0 0 0 0 1 0 1 0
3.arr3 = new Uint8Array([10,12,13]);
arr3的第一个元素10在内存中状态
0 0 0 0 1 0 1 0
缓冲和视图
1.一个缓冲(由 ArrayBuffer 对象实现)描述的是一个数据块。
2.缓冲没有格式可言,并且不提供机制访问其内容。
3.为了访问在缓冲对象内包含的内存,你需要使用视图。视图提供上下文-即数据类型、起始偏移量和元素数-将数据转换为实际有类型的数组。
4.一个缓冲可以绑定多个视图
-
ArrayBuffer
ArrayBuffer 是一种数据类型,用来表示一个通用的、固定长度的二进制数据缓冲区。 -
类型数组视图
Int8Array Int16Array 。。。 -
应用
var buffer = new ArrayBuffer(16);
buffer.byteLength === 16 //true 数据字节长度为16
var int32View = new Int32Array(buffer);//创建一个视图,此视图将把缓冲内的数据格式化为一个32位的有符号整数数组:
console.log(int32View) ; // Int32Array(4) [0, 0,0,0] 32表示32位,是4个字节,共16个字节,因此会有四个元素