ES12 中的类型化数组

在前端开发中，类型化数组是一种非常重要的数据结构，它可以帮助我们高效地处理二进制数据。ES12 中的类型化数组提供了更加丰富的功能，让我们能够更加方便地进行数据处理。

什么是类型化数组

类型化数组是一种类数组对象，它提供了一种存储二进制数据的方式。与普通数组不同的是，类型化数组中的每个元素都有一个固定的类型，并且在内存中是连续存储的。这使得类型化数组能够高效地进行数据操作和传输。

在 ES12 中，类型化数组支持的类型更加丰富，包括了 int8、int16、int32、uint8、uint16、uint32、float32、float64、bigint64 等。同时，类型化数组还支持动态增长和缩小。

如何使用类型化数组

创建类型化数组

我们可以使用构造函数来创建类型化数组，如下所示：

// 创建一个包含 10 个 int16 类型元素的类型化数组
const arr = new Int16Array(10);

初始化类型化数组

我们可以使用数组字面量来初始化类型化数组，如下所示：

// 创建一个包含 3 个 int32 类型元素的类型化数组，并初始化为 [1, 2, 3]
const arr = new Int32Array([1, 2, 3]);

访问类型化数组元素

我们可以使用下标来访问类型化数组中的元素，如下所示：

const arr = new Int16Array([1, 2, 3]);
console.log(arr[0]); // 输出 1

修改类型化数组元素

与普通数组一样，我们也可以使用下标来修改类型化数组中的元素，如下所示：

const arr = new Int16Array([1, 2, 3]);
arr[0] = 4;
console.log(arr); // 输出 Int16Array [4, 2, 3]

遍历类型化数组

我们可以使用 for 循环或者 forEach 方法来遍历类型化数组，如下所示：

const arr = new Int16Array([1, 2, 3]);
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
// 输出：
// 1
// 2
// 3

arr.forEach((item) => {
  console.log(item);
});
// 输出：
// 1
// 2
// 3

类型化数组的方法

类型化数组提供了一些方法来进行数据操作，如下所示：

subarray

subarray 方法可以返回类型化数组的一个子集，如下所示：

const arr = new Int16Array([1, 2, 3, 4, 5]);
const subArr = arr.subarray(1, 3);
console.log(subArr); // 输出 Int16Array [2, 3]

slice

slice 方法可以返回类型化数组的一个部分副本，如下所示：

const arr = new Int16Array([1, 2, 3, 4, 5]);
const sliceArr = arr.slice(1, 3);
console.log(sliceArr); // 输出 Int16Array [2, 3]

set

set 方法可以将一个数组或类型化数组的值赋给类型化数组中的一部分，如下所示：

const arr = new Int16Array(5);
arr.set([1, 2], 1);
console.log(arr); // 输出 Int16Array [0, 1, 2, 0, 0]

sort

sort 方法可以对类型化数组进行排序，如下所示：

const arr = new Int16Array([2, 1, 3]);
arr.sort();
console.log(arr); // 输出 Int16Array [1, 2, 3]

动态增长和缩小

类型化数组支持动态增长和缩小，我们可以使用 set 方法来实现动态增长，使用 subarray 方法来实现动态缩小，如下所示：

const arr = new Int16Array(5);
arr.set([1, 2], 1);
console.log(arr); // 输出 Int16Array [0, 1, 2, 0, 0]

arr.set([3, 4, 5], 2);
console.log(arr); // 输出 Int16Array [0, 1, 3, 4, 5]

const subArr = arr.subarray(1, 3);
console.log(subArr); // 输出 Int16Array [1, 3]

const newArr = new Int16Array(subArr);
console.log(newArr); // 输出 Int16Array [1, 3]

总结

类型化数组是一种非常重要的数据结构，在处理二进制数据上有着非常重要的作用。ES12 中的类型化数组提供了更加丰富的功能，让我们能够更加方便地进行数据处理。在实际开发中，我们应该灵活运用类型化数组，提高数据处理的效率。

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