层出不穷的 JavaScript 在 ES6 集合类型-TypeArray(2)

在ES6中，JavaScript集合类型引入TypeArray，为二进制数据提供了更多处理方式和功能，让我们可以在前端轻松操作音视频、图像等数据，以及扩展更多的二进制数据操作可能。在前一篇文章里，我们已经介绍了两个视图Int8Array和Uint8Array，本篇文章将继续介绍另外两个视图，Int16Array和Int32Array。

Int16Array和Int32Array
Int16Array和Int32Array分别是Int16(16位)和Int32(32位)整型数组，可以直接访问二进制数据中的16位和32位整数。注意，JavaScript本身是32位的，但是在浏览器中Int32Array的索引可能会被截断为31位。这些数组可以用于多种应用场景，例如音频和视频处理，图像处理，以及其他需要处理二进制数据的应用。

Int16Array和Int32Array的使用
使用Int16Array和Int32Array的步骤类似于使用其他TypedArray：
1.创建ArrayBuffer：首先，需要创建一个ArrayBuffer来存储二进制数据。可以使用new ArrayBuffer()构造函数来创建ArrayBuffer，它接受一个参数，表示ArrayBuffer的大小。

2.创建TypedArray：接下来，使用TypedArray的构造函数来创建Int16Array或Int32Array。TypedArray的构造函数接受两个参数：第一个参数是ArrayBuffer，第二个参数是可选的，表示TypedArray的起始偏移量。

3.访问和操作数据：创建TypedArray后，就可以使用它来访问和操作二进制数据。可以使用下标来访问TypedArray中的元素，也可以使用TypedArray的各种方法来操作数据。

示例
以下示例演示了如何使用Int16Array和Int32Array：

// 创建一个ArrayBuffer
const arrayBuffer = new ArrayBuffer(16);

// 创建一个Int16Array
const int16Array = new Int16Array(arrayBuffer);

// 创建一个Int32Array
const int32Array = new Int32Array(arrayBuffer);

// 将值写入Int16Array
int16Array[0] = 100;
int16Array[1] = 200;

// 将值写入Int32Array
int32Array[0] = 1000;
int32Array[1] = 2000;

// 读取Int16Array中的值
console.log(int16Array[0]); // 100
console.log(int16Array[1]); // 200

// 读取Int32Array中的值
console.log(int32Array[0]); // 1000
console.log(int32Array[1]); // 2000

总结
Int16Array和Int32Array是JavaScript中非常有用的两种TypedArray，用于处理16位和32位整数。它们可以用于多种应用场景，例如音频和视频处理，图像处理，以及其他需要处理二进制数据的应用。