ES9 中的 TypedArray 是 JavaScript 中的一种数据类型，用于表示通过二进制数据缓冲区引用的数组。与常规的数组相比，TypedArray 所包含的数据都是特定的二进制数值类型，而且它可以直接利用索引来访问数组中的元素。在本文中，我们将介绍 TypedArray 的一些新特性，并提供一些示例代码。
TypedArray 简介
在 ES6 中，我们已经可以使用 TypedArray 来创建二进制数据缓冲区。例如，我们可以使用下面的代码创建一个名为 intArray 的 Int16Array 数组。
const buffer = new ArrayBuffer(2); const intArray = new Int16Array(buffer);
在上面的代码中，我们首先创建了一个包含两个字节的 ArrayBuffer，然后将其传递给 Int16Array 构造函数，以便创建一个存储 2 个 16 位整数的 TypedArray。
通过使用 TypedArray，我们可以轻松地访问和修改这些整数。例如，下面的代码将 intArray 数组的第一个元素设置为 10，并将第二个元素设置为 20。
intArray[0] = 10; intArray[1] = 20;
ES9 中的 TypedArray 新特性
除了基本的 TypedArray 功能之外，ES9 还引入了一些新特性，以提高开发人员的生产力和代码效率。
from() 方法
ES9 中的 TypedArray.from() 方法允许我们从一个类似数组的对象创建一个 TypedArray。这个方法的语法如下所示：
TypedArray.from(source, mapFn, thisArg);
其中：
- source：代表要从中创建 TypedArray 的对象；
- mapFn：（可选）代表对源对象中的每个元素进行映射的函数；
- thisArg：（可选）代表 mapFn 函数中 this 的值。
下面是一个示例，演示了如何使用 TypedArray.from() 方法从一个类似数组的对象创建一个 Uint8Array 数组。
const source = {length: 5, 0: 10, 1: 20, 2: 30, 3: 40, 4: 50};
const uintArray = Uint8Array.from(Object.values(source));在上面的代码中，我们首先创建了一个类似数组的对象 source，其 length 属性为 5，代表它包含五个元素。然后，我们使用 Object.values() 方法，将对象转换为一个值数组，并将该数组传递给 TypedArray.from() 方法，以创建一个包含五个 8 位无符号整数的 Uint8Array 数组。
of() 方法
ES9 中的 TypedArray.of() 方法允许我们从一组任意参数创建一个 TypedArray。这个方法的语法如下所示：
TypedArray.of(...items);
其中：
- items：代表要放入 TypedArray 中的项的列表。
下面是一个示例，演示了如何使用 TypedArray.of() 方法从一组参数创建一个 Float64Array 数组。
const floatArray = Float64Array.of(1.0, 2.0, 3.0, 4.0);
在上面的代码中，我们使用 Float64Array.of() 方法从一组参数创建了一个包含四个双精度浮点数的 Float64Array 数组。
slice() 方法
ES9 中的 TypedArray.slice() 方法允许我们创建一个新的 TypedArray，其中包含从原始 TypedArray 中选定的元素。这个方法的语法如下所示：
array.slice(begin, end);
其中：
- array：代表要从中选择元素的类型数组；
- begin：（可选）代表从哪个索引开始选择元素；
- end：（可选）代表选择元素到哪个索引之前。
下面是一个示例，演示了如何使用 TypedArray.slice() 方法从一个 Int32Array 数组创建一个新的子数组。
const intArray = Int32Array.of(1, 2, 3, 4, 5); const subArray = intArray.slice(1, 4);
在上面的代码中，我们首先使用 Int32Array.of() 方法创建一个包含五个 32 位整数的 Int32Array 数组。然后，我们使用 TypedArray.slice() 方法从 1 到 4 这个区间中选择元素，创建一个新的 Int32Array 子数组 subArray。
总结
在本文中，我们介绍了 TypedArray 的基本概念和用法，并讲解了 ES9 中的 TypedArray 新特性，包括 from()、of() 和 slice() 方法。这些方法可以帮助我们更高效地处理类型数组，提高代码的效率和可读性。
本文的示例代码可以帮助大家更好地理解 TypedArray 的用法和新特性，并为日后的开发提供一些指导。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654f5f107d4982a6eb854107