如何使用 ES12 下一代标准：类型化数组的新特性-JavaScript中文网-JavaScript教程资源分享门户

ES12（也称为 ES2021）是 JavaScript 语言的下一代标准，包含许多新特性和改进。其中一个重要的改进是类型化数组（Typed Arrays）。类型化数组是一种高效存储和操作二进制数据的数据结构。本文将介绍 ES12 类型化数组的新特性，包括类型化数组的构造函数和方法，并提供示例代码，以帮助您了解和使用这些特性。

简介

类型化数组是一种包含固定大小的同类型元素的数组。与普通数组不同的是，类型化数组存储的是二进制数据，而不是 JavaScript 对象。这使得类型化数组在处理大量图像、音频和视频等二进制数据时非常高效。类型化数组在 Web 开发中得到了广泛应用，特别是在高性能应用（如游戏和数据可视化）和浏览器扩展中。

ES12 类型化数组有几个重要的改进：

Int8Array, Uint8Array, Int16Array, Uint16Array, Int32Array, Uint32Array, BigInt64Array, BigUint64Array 构造函数现在支持 from 和 of 方法，可以从现有数组或迭代器创建类型化数组。
所有类型化数组构造函数都可以接受 SharedArrayBuffer 作为参数，以便在多个 Web Worker 中共享数组。
新增了 fill 和 subarray 方法，用于填充数组和创建子数组，可以更方便地操作类型化数组。

下面我们将逐一介绍这些改进。

创建类型化数组

ES12 类型化数组的构造函数支持 from 和 of 方法，以便从现有数组或迭代器创建类型化数组。

`from` 方法

from 方法用于从现有数组或类数组对象创建类型化数组。

let arr = [1, 2, 3, 4, 5];
let typedArray = Int8Array.from(arr);
console.log(typedArray); // Int8Array [1, 2, 3, 4, 5]

from 方法也可以接受一个函数作为第二个参数，对数组中的每个元素进行转换。例如，使用 from 方法将数组中的所有元素乘以 2：

let arr = [1, 2, 3, 4, 5];
let typedArray = Int8Array.from(arr, x => x * 2);
console.log(typedArray); // Int8Array [2, 4, 6, 8, 10]

`of` 方法

of 方法用于从给定的参数创建类型化数组。

let typedArray = Int8Array.of(1, 2, 3, 4, 5);
console.log(typedArray); // Int8Array [1, 2, 3, 4, 5]

共享数组

ES12 类型化数组的构造函数现在支持 SharedArrayBuffer，以便在多个 Web Worker 中共享数组。

// 在主线程中创建共享数组
let sharedArray = new SharedArrayBuffer(8);
let typedArray = new Int32Array(sharedArray);
typedArray[0] = 42;

// 在 Worker 中访问共享数组
let worker = new Worker('worker.js');
worker.postMessage(sharedArray);

在 worker.js 中，可以像访问本地数组一样访问共享数组：

onmessage = function(event) {
  let sharedArray = event.data;
  let typedArray = new Int32Array(sharedArray);
  console.log(typedArray[0]); // 42
};

填充数组

ES12 类型化数组新增了 fill 方法，用于将数组填充为指定值。

let typedArray = new Uint8Array(5);
typedArray.fill(255);
console.log(typedArray); // Uint8Array [255, 255, 255, 255, 255]

fill 方法还可以接受起始和结束索引参数，用于指定要填充的元素范围。

let typedArray = new Uint8Array(5);
typedArray.fill(255, 1, 4);
console.log(typedArray); // Uint8Array [0, 255, 255, 255, 0]

创建子数组

ES12 类型化数组新增了 subarray 方法，用于从现有数组创建子数组。

let typedArray = new Int8Array([1, 2, 3, 4, 5]);
let subarray = typedArray.subarray(1, 4);
console.log(subarray); // Int8Array [2, 3, 4]

subarray 方法接受起始和结束索引参数，用于指定要包含的元素范围。默认情况下，该方法返回的是一个与原数组共享同一内存区域的新数组。

结论

ES12 类型化数组的改进使得它更方便、更强大。类型化数组是一种高效存储和操作二进制数据的数据结构，可以在 Web 开发中发挥重要作用。本文介绍了类型化数组的新特性和方法，并提供了示例代码，帮助您更好地理解和使用类型化数组。如果您正在开发需要处理大量二进制数据的应用程序，我建议您深入了解 ES12 类型化数组的新特性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/676e88f3e9a7045d0d6b1795

如何使用 ES12 下一代标准：类型化数组的新特性

简介