JavaScript Typed Array 类型化数组方法

from() 方法

from() 方法可以从任何可迭代对象创建一个新的类型化数组:

const myArr = Int16Array.from("1234567890");

const myArr = Int16Array.from([1,2,3,4,5,6,7,8,9,0]);

of() 方法

of() 方法根据多个参数创建一个新的类型化数组:

const myArr = Int16Array.of(1,2,3,4,5,6,7,8,9,0);

constructor.name 属性

constructor.name 属性返回类型化数组的名称(类型):

myArr.constructor.name

BYTES_PER_ELEMENT 属性

BYTES_PER_ELEMENT 返回存储每个数组元素所用的字节数:

myArr.BYTES_PER_ELEMENT

常用数组方法

类型化数组与标准数组共享许多方法:

• 迭代:forEach()、map()、filter()、reduce()、reduceRight()、every()、some()、find()、findIndex()、findLast()、findLastIndex()。

• 搜索:includes()、indexOf()、lastIndexOf()。

• 操作:at()、copyWithin()、fill()、reverse()、set()、slice()、sort()、subarray()。

• 转换:join()、toLocaleString()、toString()。

• 非修改方法:toReversed()、toSorted()、with()。

fill() 方法

fill() 方法会将类型化数组中的所有元素更改为指定值:

myArr.fill(200);

fill() 方法接受两个可选参数:起始索引和结束索引:

myArr.fill(200, 0, 3);

find() 方法

find() 方法返回满足条件的第一个元素:

myArr.find((x) => x > 18)

some() 方法

some() 方法会在给定函数返回 true 的元素上返回 true:

myArr.some((x) => x > 18)

不可用的数组方法

某些数组方法不适用于类型化数组。

这是由于类型化数组的长度固定且缺乏固定结构所致。

支持类型化数组的浏览器 API

fetch(url)
.then(request => request.arrayBuffer())
.then(arrayBuffer =>...);

const canvas = document.getElementById('my_canvas');
const context = canvas.getContext('2d');
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const uint8ClampedArray = imageData.data;

浏览器支持

类型化数组 是 ES6 特性。

自 2017 年 6 月起，所有现代浏览器均已完全支持 ES6。