14 个 JavaScript 拷贝数组的技巧

在 JavaScript 编程中，拷贝数组是一项常见的操作。掌握多种拷贝数组的技巧可以让我们在不同的场景下选择最合适的方法，提高代码的效率和可读性。以下将为您介绍 14 个拷贝数组的技巧。

1. 使用扩展运算符 ... 这是一种简洁的方式，例如：const newArray = [...oldArray];

2. Array.prototype.slice() 方法 通过 slice() 方法可以创建一个新的数组副本，例如：const copiedArray = oldArray.slice();

3. Array.from() 方法 Array.from() 可以将类数组对象或可迭代对象转换为新的数组，例如：const newArr = Array.from(oldArray);

4. concat() 方法 使用 concat() 方法也能实现数组拷贝，如：const copied = [].concat(oldArray);

5. 遍历拷贝 通过循环遍历原数组，将每个元素添加到新数组中。

6. JSON.parse(JSON.stringify()) 方法 这种方式将数组转换为字符串，再解析回数组，但对于包含复杂对象或函数的数组可能会有问题。

7. Object.assign() 方法 虽然主要用于对象，但也可用于数组拷贝。

8. Array.prototype.filter() 方法 结合 filter() 方法创建新的数组副本。

9. Array.prototype.map() 方法 可以对原数组的每个元素进行处理并生成新数组。

10. 递归拷贝 对于多维数组，可以使用递归函数来实现深度拷贝。

11. 使用 lodash 库的 clone() 方法 如果项目中使用了 lodash 库，可以方便地进行数组拷贝。

12. 利用 structuredClone() 方法 这是较新的 JavaScript 方法，提供了一种深度拷贝的方式。

13. 创建新数组并逐个赋值 虽然较为繁琐，但在特定情况下可行。

14. 自定义拷贝函数 根据具体需求编写自定义的拷贝函数，以满足特殊的拷贝逻辑。

不同的拷贝方法在性能和适用场景上可能有所差异。在实际开发中，应根据具体情况选择最合适的拷贝技巧，以确保代码的正确性和高效性。