在前端开发中，我们经常需要对数组进行操作，其中一个常见的需求就是需要部分替换数组中的元素。在 JavaScript 中，我们可以使用 splice 方法来实现这个功能。但是，splice 方法会直接修改原数组，而且使用起来比较麻烦。在 ES7 中，新增了一个 copyWithin 方法，可以更方便地实现部分替换的需求。
copyWithin 方法的用法
copyWithin 方法的作用是在数组内部将一段元素复制到另一段位置，覆盖原有的元素。它的语法如下：
arr.copyWithin(target, start[, end])
其中：
target：必需，复制的目标位置，即从该位置开始替换数据。start：必需，复制的起始位置，即从该位置开始读取数据。end：可选，复制的结束位置，即在该位置之前停止读取数据，默认为数组的末尾。
copyWithin 方法会返回修改后的数组，但不会修改原数组。
用 copyWithin 方法实现部分替换
下面我们通过一个例子来演示如何使用 copyWithin 方法实现部分替换。
假设有一个数组 arr，它包含了 10 个元素，我们要将第 3 个元素到第 5 个元素替换成另一个数组 newArr 中的元素。我们可以使用 copyWithin 方法来实现：
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const newArr = [11, 12, 13]; arr.copyWithin(2, 5, 8).slice(0, arr.length - newArr.length).concat(newArr); // 输出：[1, 2, 6, 7, 8, 9, 10, 8, 9, 10]
上面的代码中，copyWithin(2, 5, 8) 表示将从第 5 个元素到第 8 个元素复制到第 2 个位置，即将第 3 个元素到第 5 个元素替换成了原来的第 6 个元素到第 8 个元素。
接着，我们使用 slice(0, arr.length - newArr.length) 方法截取数组的前 7 个元素，即排除了被替换的元素。然后，再使用 concat 方法将 newArr 追加到数组的末尾，得到最终的结果。
总结
copyWithin 方法是一个非常实用的数组方法，它可以帮助我们更方便地实现部分替换的需求。在实际开发中，我们可以根据具体的需求灵活运用 copyWithin 方法，提高开发效率。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bee1daadd4f0e0ff8681ec