JavaScript arrayBuffer.slice() 属性

在 JavaScript 中， arrayBuffer.slice() 属性是一种 ArrayBuffer 对象所具有的方法，用于创建原 ArrayBuffer 的新副本，并截取其中一段数据。

语法

arrayBuffer.slice(begin, end);

参数

• begin：可选参数，表示新 ArrayBuffer 的起始位置，默认值为 0。
• end：可选参数，表示新 ArrayBuffer 的结束位置（不包含此位置的数据），默认值为 ArrayBuffer 的 byteLength 值。

返回值

返回一个新的 ArrayBuffer 对象，包含了从 begin 到 end （不包含）之间的数据。

示例

const buffer = new ArrayBuffer(8);
const view = new Int32Array(buffer);
view[0] = 123456;

// 使用 slice() 方法截取数据
const newBuffer = buffer.slice(4, 8);
const newView = new Int16Array(newBuffer);
console.log(newView[0]); // 输出 12345

上面的代码中，我们首先创建了一个 8 字节长度的 ArrayBuffer 对象，并使用 Int32Array 视图将其转换为 32 位有符号整数类型的数组。我们给数组的第一个元素赋值为 123456。

接下来，使用 slice() 方法截取了从第 4 个字节开始的后面 4 个字节，即创建了一个新的 ArrayBuffer，其中包含了原 ArrayBuffer 中从第 4 个字节开始的数据。然后，我们将新的 ArrayBuffer 对象使用 Int16Array 视图转换为 16 位有符号整数类型的数组，并输出了其中的第一个元素。

再看一个例子：

const sourceBuffer = new ArrayBuffer(16);
const sourceView = new Uint8Array(sourceBuffer);
for (let i = 0; i < 16; i++) {
  sourceView[i] = i + 1;
}

// 使用 slice() 方法截取数据
const newBuffer = sourceBuffer.slice(4, 12);
const newView = new Uint8Array(newBuffer);
console.log(newView); // 输出 [5,6,7,8,9,10,11,12]

上面的代码中，我们首先创建了一个 16 字节长度的 ArrayBuffer 对象，并使用 Uint8Array 视图将其转换为 8 位无符号整数类型的数组。然后，使用 for 循环为数组的每个元素赋值。

接下来，使用 slice() 方法截取了从第 4 个字节开始的后面 8 个字节，即创建了一个新的 ArrayBuffer，其中包含了原 ArrayBuffer 中从第 4 个字节到第 11 个字节的数据。然后，我们将新的 ArrayBuffer 对象使用 Uint8Array 视图转换为 8 位无符号整数类型的数组，并将其打印输出。

注意事项

• begin 和 end 参数的值应该是整数类型，并且在 0 到 ArrayBuffer 的 byteLength 之间。
• 新创建的 ArrayBuffer 对象会占用新的内存空间，与原来的 ArrayBuffer 对象没有任何关联。因此，修改新的 ArrayBuffer 对象不会影响原来的 ArrayBuffer 对象，也不会造成原来的 ArrayBuffer 对象受到影响。