JavaScript | ArrayBuffer 对象

简介

ArrayBuffer 对象代表一个通用的、固定长度的二进制数据缓冲区。您可以通过 ArrayBuffer 对象来读取和写入缓存，并且可以通过视图调用索引，将缓存的内容解释为特定的数据类型。

创建 ArrayBuffer

创建 ArrayBuffer 很简单，只需要使用 new 关键字即可：

let buffer = new ArrayBuffer(length);

其中，length 表示缓存的长度，单位为字节。

创建视图

缓存的数据类型和字节长度不一定与我们需要的数据类型一致，因此需要使用视图对象来读取和写入缓存。以下是几个常用的视图对象：

• DataView：允许您读取和写入缓存中的任意类型的数据。
• Int8Array / Uint8Array：允许您读取和写入 8 位整数。
• Int16Array / Uint16Array：允许您读取和写入 16 位整数。
• Int32Array / Uint32Array：允许您读取和写入 32 位整数。
• Float32Array：允许您读取和写入 32 位浮点数。
• Float64Array：允许您读取和写入 64 位浮点数。

以下是创建视图对象的代码示例：

let view = new DataView(buffer);
let array = new Int8Array(buffer);

读写缓存

在视图对象上调用方法可以读写缓存：

// 写入数据
view.setInt32(0, 123);
array[4] = 42;

// 读取数据
let num = view.getInt32(0);
let value = array[4];

在这个例子中，我们使用 DataView 写入了一个 32 位整数到偏移量为 0 的位置，使用 Int8Array 写入了一个 8 位整数到偏移量为 4 的位置。然后我们使用同样的方式从缓存中读取了这些数据。

结论

ArrayBuffer 对象提供了一个通用的、固定长度的二进制数据缓冲区，可以用于读取和写入缓存。使用视图对象可以读写特定的数据类型，包括整数和浮点数。这些功能使得 ArrayBuffer 成为 JavaScript 处理二进制数据的重要工具。