在 ES7 中使用 TypedArray.from

引言

在前端开发中，使用数组是经常遇到的情况。数组可以存储一系列数据，包括字符串、数字等等。随着 ES7 的标准发布，TypedArray.from 方法被引入到了 JavaScript 中，可以更加简单地将其它类型的数据转换为 TypedArray 类型的数组。本文将会详细介绍 TypedArray.from 方法的使用及其意义，同时提供示例代码。

TypedArray

TypedArray 是一种类数组，其可以在底层保存一系列固定类型元素的二进制数据，所以 TypedArray 中的每个元素占用的字节数是一样的。这样的特点使得 TypedArray 成为一种非常高效的处理大量数据的方式。注意，TypedArray 不能直接使用数组的方法，并且不能存储 JavaScript 中其它的对象类型数据。

JavaScript 提供了多种 TypedArray 类型，包括 Int8Array、Uint8Array、Int16Array、Uint16Array、Int32Array、Uint32Array、Float32Array 和 Float64Array。

TypedArray.from

TypedArray.from 方法用于将其它类型的数据转换为 TypedArray 类型的数组。这些数据类型包括类数组对象、迭代器对象、字符串以及 NodeLists 等。TypedArray.from 的基本语法为：

TypedArray.from(obj[, mapFn[, thisArg]])

其中，obj 为被转换的对象，mapFn（可选）为用于对每个元素进行处理的回调函数，thisArg 为回调函数执行时 this 所指向的上下文对象。

TypedArray.from 方法返回一个新的 TypedArray 数组，并且可以对原始数据进行合并、筛选等操作。

示例代码

下面是一个将字符串转换为 Uint8Array 类型的数组的示例代码：

const str = "Hello World!";
const buffer = new TextEncoder().encode(str);
const arr = Uint8Array.from(buffer);
console.log(arr); // Uint8Array(12) [72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100, 33]

在这个例子中，我们首先将字符串转换为二进制数据，然后将其转换为 Uint8Array 类型的数组。最后，将这个数组输出到控制台。

指导意义

TypedArray.from 方法使得 JavaScript 中的 TypedArray 更加易用。它可以大大增加我们开发的效率，同时也可以提升应用程序的性能。因此，在开发前端应用程序的时候，我们应尽量使用 TypedArray.from 方法来替代手动操作 TypedArray。

总结

在本文中，我们介绍了 TypedArray、TypedArray.from 方法及其相关的示例代码和指导意义。希望这篇文章对大家了解 TypedArray.from 方法有所帮助，并提升前端开发的效率和性能。

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