ES12 中的标准化类型数组

在 JavaScript 中，如果需要处理二进制数据，我们通常使用 ArrayBuffer 和 DataView。然而，这两个对象的操作方式相对复杂，而且效率也不够高。为了解决这个问题，ES12 引入了标准化类型数组，可以更加高效地处理二进制数据。

标准化类型数组

标准化类型数组是一种特殊的对象，它可以表示一段连续的内存区域，同时提供了一些方法来读写这些内存区域中的数据。可以使用以下代码创建一个标准化类型数组：

const buffer = new ArrayBuffer(8); // 创建一个 8 字节的 ArrayBuffer
const int32Array = new Int32Array(buffer); // 创建一个包含两个 32 位整数的标准化类型数组

在上面的代码中，我们首先创建了一个 8 字节的 ArrayBuffer，然后使用 Int32Array 构造函数创建了一个包含两个 32 位整数的标准化类型数组。这样，我们就可以通过 int32Array 对象来读写这两个整数了。

标准化类型数组支持以下类型：

• Int8Array：8 位有符号整数
• Uint8Array：8 位无符号整数
• Uint8ClampedArray：8 位无符号整数（范围在 0~255 之间）
• Int16Array：16 位有符号整数
• Uint16Array：16 位无符号整数
• Int32Array：32 位有符号整数
• Uint32Array：32 位无符号整数
• BigInt64Array：64 位有符号整数
• BigUint64Array：64 位无符号整数
• Float32Array：32 位浮点数
• Float64Array：64 位浮点数

读写数据

标准化类型数组提供了一些方法来读写内存区域中的数据。例如，可以使用 set 方法将一个数组的值写入到标准化类型数组中：

const buffer = new ArrayBuffer(8);
const int32Array = new Int32Array(buffer);
int32Array.set([1, 2]); // 将 [1, 2] 写入到标准化类型数组中

在上面的代码中，我们首先创建了一个 8 字节的 ArrayBuffer，然后使用 Int32Array 构造函数创建了一个包含两个 32 位整数的标准化类型数组。最后，我们使用 set 方法将数组 [1, 2] 写入到标准化类型数组中。

可以使用 get 方法读取标准化类型数组中的数据：

const buffer = new ArrayBuffer(8);
const int32Array = new Int32Array(buffer);
int32Array.set([1, 2]);
console.log(int32Array.get(0)); // 输出 1
console.log(int32Array.get(1)); // 输出 2

在上面的代码中，我们使用 get 方法读取标准化类型数组中的数据，并将其输出到控制台上。

总结

标准化类型数组是一种高效处理二进制数据的方式，可以使用它来读写内存区域中的数据。在实际开发中，如果需要处理大量的二进制数据，标准化类型数组是一个非常好的选择。

示例代码

const buffer = new ArrayBuffer(8);
const int32Array = new Int32Array(buffer);
int32Array.set([1, 2]);
console.log(int32Array.get(0)); // 输出 1
console.log(int32Array.get(1)); // 输出 2

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bc3f9dadd4f0e0ff4f0b1c