在JavaScript中，数组是一种常用的数据结构，而在对数组进行操作时，我们经常需要复制数组。但是，数组的复制有深浅拷贝之分，如果不理解这两种拷贝方式的区别，很容易在代码中引入隐藏的错误。
浅拷贝
浅拷贝是指创建一个新的数组，该数组中的每个元素都是原始数组中对应元素的副本。如果原始数组中的元素是基本类型（如数字、字符串等），则副本是原始值的副本；如果元素是对象或数组，则副本是对原始对象或数组的引用。在浅拷贝中，只有第一层的元素被复制到新数组中。
示例代码：
----- ------------- - --- -- --- ----- ----------- - ----------------------
在上面的示例代码中，slice()方法会返回一个新数组，其中包含了原始数组中的每个元素。由于原始数组中的元素都是基本类型，因此副本也是基本类型的副本，而不是原始值的引用。
深拷贝
深拷贝是指创建一个新的数组，该数组中的所有元素都是原始数组中对应元素的完全副本，包括对象和数组。在深拷贝中，新数组中的每个元素都是独立的，与原始数组中的元素没有任何关联。
示例代码：
----- ------------- - -- ----- ------- -- - ----- ----- --- ----- -------- - ------------------------------------------
在上面的示例代码中，我们使用JSON.stringify()方法将原始数组转换为一个JSON字符串，然后使用JSON.parse()方法将其解析为一个新数组。由于JSON只支持一些简单类型和对象（不包括函数、正则表达式等），因此使用这种方法进行深拷贝时需要注意一些限制。
总结
深浅拷贝的概念对于编写高质量的JavaScript代码非常重要。如果你不理解这些概念的区别，很容易在代码中引入隐藏的错误。当你需要复制数组或对象时，请根据情况选择合适的拷贝方式，以确保代码的正确性。
值得注意的是，在进行深拷贝时可能会存在一些性能问题，因为它需要递归地遍历整个数据结构并创建完全独立的副本。因此，在处理大型或复杂的数据结构时，请考虑使用其他更高效的技术，例如修改原始数据而不是创建新的副本。
参考资料：
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5334