JavaScript | typedArray.copyWithin() 与示例

简介

typedArray.copyWithin() 方法用于将数组或者类型化数组中的一部分元素复制到同一数组或类型化数组中的另一位置，覆盖原来的值。此方法会修改原数组，并返回修改后的数组。

typedArray.copyWithin(target, start, end) 接受三个参数：

• target：复制元素的目标位置索引
• start（可选）：复制元素的起始位置索引。如果不指定，默认为0。
• end（可选）：复制元素的结束位置索引，但不包括该索引的元素。如果不指定，默认为数组的长度。

示例

const arr = new Int32Array([1, 2, 3, 4, 5]);

// 从位置2开始复制元素到位置0
arr.copyWithin(0, 2);
console.log(arr);
// 输出: [3, 4, 5, 4, 5]

// 从位置0开始复制元素到位置3，复制结束位置为4（不包含索引为4的元素）
arr.copyWithin(3, 0, 4);
console.log(arr);
// 输出: [3, 4, 5, 3, 4]

// 从位置1开始复制元素到位置4，复制结束位置为5（不包含索引为5的元素）
arr.copyWithin(4, 1, 5);
console.log(arr);
// 输出: [3, 4, 5, 3, 4]

上述代码创建了一个 Int32Array 类型的数组，并使用 copyWithin() 方法对其进行了元素的复制操作。第一个示例中，从位置2开始复制元素到位置0，覆盖了原来的值。第二个示例中，从位置0开始复制元素到位置3，复制结束位置为4（不包含索引为4的元素）。第三个示例中，从位置1开始复制元素到位置4，复制结束位置为5（不包含索引为5的元素）。

复制过程中，原数组的长度不会发生变化，只是对数组中的元素进行覆盖。这是一个高效的操作，特别是当你需要在同一数组中移动元素时，可以避免创建新的数组并逐个复制元素的开销。

注意：typedArray.copyWithin() 方法只能用于类型化数组（比如 Int8Array、 Uint8Array 等），不能用于普通的数组。

结论

typedArray.copyWithin() 方法是一个非常有用的方法，通过它可以在同一数组中复制、移动元素，从而节省代码与时间。它较普通数组的 copyWithin() 方法更加高效，特别对于类型化数组，因为它直接操作的是二进制数据，无需逐个复制元素。在处理大量数据时，特别是涉及到性能敏感的场景中，typedArray.copyWithin() 是一个值得使用的方法。