ES7 中使用 Array.prototype.copyWithin() 复制移动数组元素的技巧

ES7 中使用 Array.prototype.copyWithin() 复制移动数组元素的技巧

在前端开发中，经常需要对数组进行操作，如数组元素的复制、移动等。ES7 中新增了一个方法 Array.prototype.copyWithin()，可以非常方便地实现数组元素的复制移动。本文将详细介绍这个方法的使用技巧，并提供示例代码。

1. Array.prototype.copyWithin() 方法的语法

Array.prototype.copyWithin() 方法的语法如下：

array.copyWithin(target, start[, end])

其中，array 表示要操作的数组，target 表示要复制到的目标位置，start 表示开始复制的起始位置，end 表示复制结束的位置（不包括该位置的元素）。如果省略 end 参数，则默认复制到数组末尾。

1. 实现数组元素的复制移动

使用 Array.prototype.copyWithin() 方法可以非常方便地实现数组元素的复制移动。下面是一些示例代码：

（1）将数组 [1, 2, 3, 4, 5] 中的前两个元素复制到数组末尾：

let arr = [1, 2, 3, 4, 5];
arr.copyWithin(3, 0, 2);
console.log(arr); // [1, 2, 3, 1, 2]

在上面的代码中，target 参数为 3，表示要将复制的元素复制到数组的第 3 个位置（从 0 开始计数）。start 参数为 0，表示从数组的第一个元素开始复制，end 参数为 2，表示复制到数组的第 2 个位置（不包括该位置的元素）。

（2）将数组 [1, 2, 3, 4, 5] 中的第 3 个元素复制到数组的第 0 个位置：

let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 2, 3);
console.log(arr); // [3, 2, 3, 4, 5]

在上面的代码中，target 参数为 0，表示要将复制的元素复制到数组的第 0 个位置。start 参数为 2，表示从数组的第 3 个元素开始复制，end 参数为 3，表示复制到数组的第 3 个位置（不包括该位置的元素）。

1. 总结

Array.prototype.copyWithin() 方法可以非常方便地实现数组元素的复制移动。使用该方法可以减少代码量，提高开发效率。在使用该方法时，需要注意参数的含义和使用方式，以避免出现错误。

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