JavaScript实现数组深度拷贝的十种方法实例解析？

本文共计2372个文字，预计阅读时间需要10分钟。

在JavaScript中，我们经常遇到复制数组的情况，但有多种方式可以实现。以下是一些常见的方法：

1. 扩展运算符（浅拷贝） 自从ES6出现以来，扩展运算符已成为最流行的复制数组的方法。

它是一个简洁且易于理解的方法，如下所示： javascript const arr=[1, 2, 3]; const newArr=[...arr];

这种方法实现的是浅拷贝，即新数组中的对象属性引用的是原数组中对象的引用，而不是对象本身。这意味着如果原数组中有对象属性，修改对象属性会影响新数组。

2. Array.from()方法 Array.from()方法也可以用来复制数组，它比扩展运算符更灵活。

javascript const arr=[1, 2, 3]; const newArr=Array.from(arr);

类似于扩展运算符，它也实现浅拷贝。

3. slice()方法 slice()方法可以用来复制数组，但不推荐用于复制大型数组。

javascript const arr=[1, 2, 3]; const newArr=arr.slice();

同样，这也是浅拷贝。

4. 使用循环 如果你想避免使用ES6方法，可以使用循环来复制数组。

javascript const arr=[1, 2, 3]; const newArr=[]; for (let i=0; i

这同样实现浅拷贝。

5. 使用JSON.parse()和JSON.stringify() 对于不包含函数或循环引用的数组，可以使用JSON方法来复制数组。