js深拷贝和浅拷贝的区别

在JavaScript中，深拷贝和浅拷贝是两种不同的复制方式。

浅拷贝是对基本类型的值进行复制，对对象类型进行地址拷贝。当进行浅拷贝时，新变量与原变量将引用同一块内存空间。这意味着当原变量发生改变时，新变量也会随之改变。例如，当我们对一个对象进行浅拷贝时，修改新对象的属性也会影响到原对象的属性。

深拷贝则是创建一个新的对象，并将原对象的属性逐个复制到新对象中。深拷贝是完全独立的，不会受到原对象的改变而影响。当原对象发生改变时，新对象不会受到任何影响。

要区分深拷贝和浅拷贝，可以通过对复制后的变量进行修改来观察原变量是否会跟着改变。如果修改后的变量影响到了原变量，说明这是浅拷贝；如果修改后的变量不会影响原变量，说明这是深拷贝。

需要注意的是，当对象只有一级属性时，浅拷贝可以实现深拷贝的效果。但当对象中有多级属性时，浅拷贝只能进行一级属性的复制，而二级属性及更深层次的属性仍然是浅拷贝。

在JavaScript中，可以使用一些方法实现深拷贝，如JSON.parse(JSON.stringify(obj))、递归复制等。而浅拷贝可以通过直接赋值、Object.assign()、slice()和concat()等方法来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JavaScript中浅拷贝与深拷贝的概念及区别](https://blog.csdn.net/Yannick_H/article/details/125361201)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [js浅拷贝与深拷贝的区别和实现方式](https://blog.csdn.net/weixin_30388677/article/details/100091271)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]