ES10 之 TypedArray，让 JavaScript 能跟其他语言平起平坐-JavaScript中文网-JavaScript教程资源分享门户

前言

JavaScript 一直以来都被人们认为只是一门脚本语言，难以和其他编程语言相提并论。但是，随着最新版 ECMAScript 10（简称 ES10）的发布，JavaScript 终于具备了一个让其他编程语言也难以忽视的重要特性——TypedArray。

TypedArray 是什么呢？它是 JS 提供的一种支持数据类型转换的结构，可以通过 TypedArray 构造器创建一个固定长度的数组，使用类型化数组来存储数据。通过 TypedArray 我们可以直接对内存中的数据进行读写，从而大大提高了 JavaScript 在处理海量数据时的性能。

TypedArray 的用法

创建 TypedArray

TypedArray 提供了如下的构造器用于创建一维数组：

类型	构造器
Int8Array	new Int8Array(length);
Uint8Array	new Uint8Array(length);
Uint8ClampedArray	new Uint8ClampedArray(length);
Int16Array	new Int16Array(length);
Uint16Array	new Uint16Array(length);
Int32Array	new Int32Array(length);
Uint32Array	new Uint32Array(length);
Float32Array	new Float32Array(length);
Float64Array	new Float64Array(length);

以上构造器的参数都是一个整数，表示 TypedArray 中包含的元素个数。

示例代码：

const intArray = new Int32Array(5);
console.log(intArray.length); // 5
console.log(intArray); // Int32Array(5) [0, 0, 0, 0, 0]

访问 TypedArray 中的元素

TypedArray 中的元素可以通过下标来访问和修改，同时 TypedArray 提供了 length 属性，可以读取 TypedArray 中元素的数量。

const floatArray = new Float32Array(5);
floatArray[0] = 1.23;
console.log(floatArray.length); // 5
console.log(floatArray); // Float32Array(5) [1.23, 0, 0, 0, 0]

更改 TypedArray 中的元素类型

TypedArray 允许我们将一个类型的这部分数据转换为另一个类型，比如将 Int32Array 转换成 Float32Array。

TypedArray 提供了如下的方法：

方法名	描述
TypedArray.prototype.slice	将 TypedArray 转换成数组
TypedArray.prototype.map	将 TypedArray 转换成另一个类型
TypedArray.prototype.subarray	返回一个新的 TypedArray，此 TypedArray 共享同一缓冲区

示例代码：

const intArray = new Int32Array([1, 2, 3, 4, 5]);
const floatArray = new Float32Array(intArray);
console.log(floatArray); // Float32Array(5) [1, 2, 3, 4, 5]

容量的扩展

TypedArray 提供了以下方法来扩展长度：

方法名	描述
TypedArray.prototype.set	将一个 TypedArray 复制到另一个 TypedArray 中
TypedArray.prototype.subarray	返回一个新的 TypedArray，此 TypedArray 共享同一缓冲区
TypedArray.prototype.slice	返回一个新的 TypedArray，此 TypedArray 共享同一缓冲区
TypedArray.prototype.fill	将 TypedArray 中所有元素设置为指定值
TypedArray.prototype.copyWithin	将部分 TypedArray 复制到 Array 中的另一部分

示例代码：

const intArray = new Int32Array([1, 2, 3]);
const newIntArray = new Int32Array(intArray.length * 2);
newIntArray.set(intArray);
console.log(newIntArray); // Int32Array(6) [1, 2, 3, 0, 0, 0]

TypedArray 的优势

使用 TypedArray 可以直接对内存中的数据进行读写操作，从而大大提高 JavaScript 处理海量数据时的性能。
TypedArray 直接与硬件打交道，使得 JavaScript 更适合于开发类似图像处理等高性能应用。
TypedArray 是一个非常好的 ECMAScript 特性，将 JavaScript 带入到了高级语言的行列，使得其能跟其他编程语言平起平坐。

结尾

本文简要介绍了 TypedArray 介绍及其基本使用方式以及提供的操作方法。这是一篇深入浅出的文章，对于想要掌握 TypedArray 使用方法的开发人员来说是一份非常不错的参考资料。当然，TypedArray 并不是解决 JavaScript 性能问题的万全之策，如何在实际项目中运用到 TypedArray 需要开发人员有一定的实践和总结经验。

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