ES7 中的 Array.prototype.copyWithin 方法是一个非常有用的数组操作方法，它可以让你在数组中复制一个区域，并将其插入到同一数组的另一个位置。本文将介绍这个方法的使用技巧，并提供实用的示例代码。
Array.prototype.copyWithin 方法的语法
array.copyWithin(target, start, end)
- target：必需，复制的区域将被插入到该位置。
- start：必需，从该位置开始复制区域。
- end：可选，复制区域的结束位置，默认为数组的末尾。
使用技巧
使用 Array.prototype.copyWithin 方法的技巧如下：
1. 交换数组元素
可以使用 copyWithin 方法来交换数组中两个元素的位置：
let arr = [1, 2, 3, 4, 5] arr.copyWithin(1, 2, 3) console.log(arr) // [1, 3, 3, 4, 5]
上面的代码将复制数组 arr 中索引为 2 的位置，并将其插入到索引为 1 的位置，因此，原数组中的值 2 和 3 交换了位置。
2. 填充数组
可以使用 copyWithin 方法来填充数组中连续的一段区间：
let arr = [1, 2, 3, 4, 5] arr.copyWithin(1, 0, 3) console.log(arr) // [1, 1, 2, 3, 5]
上面的代码将复制数组 arr 中从索引 0 到 2 的元素，并将其插入到索引为 1 的位置，因此，原数组中索引从 1 到 3 的元素被覆盖为 1、2、3。
3. 复制元素
可以使用 copyWithin 方法来复制数组中的一段区间：
let arr = [1, 2, 3, 4, 5] arr.copyWithin(3, 0, 3) console.log(arr) // [1, 2, 3, 1, 2]
上面的代码将复制数组 arr 中从索引 0 到 2 的元素，并将其插入到索引为 3 的位置，因此，原数组中后面的两个元素被覆盖成了 1 和 2。
实用示例代码
下面是一些使用 Array.prototype.copyWithin 方法的实用示例代码：
交换最大值和最小值
let arr = [10, 20, 30, 40, 50] const maxIndex = arr.indexOf(Math.max.apply(null, arr)) const minIndex = arr.indexOf(Math.min.apply(null, arr)) arr.copyWithin(maxIndex, minIndex, minIndex + 1) arr.copyWithin(minIndex, maxIndex, maxIndex + 1) console.log(arr) // [50, 20, 30, 40, 10]
上面的代码将交换数组 arr 中最大值和最小值的位置。
重复某个元素
-- -------------------- ---- -------
----- ------ - ----- ------ ------ -- -
----- -- - ----------
-------------------- - -- ------ ----- - - - ------
--- ---- - - ------ - - ----- - ------ ---- -
------ - --
-
------ ---
-
--- --- - --- -- -- -- --
----------- -- -- -- --- -- -- -- -- -- -- --上面的代码将复制数组 arr 中索引为 2 的元素，并将其插入到索引为 3、4、5 的位置，然后将这三个位置的值都设置为 3。
总结
Array.prototype.copyWithin 方法非常实用，可以用于交换、填充和复制数组元素。通过本文所提供的使用技巧和示例代码，相信读者已经掌握了这个方法的用法和实用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cca71a5ad90b6d042a4300