深拷贝和浅拷贝

最新推荐文章于 2024-05-15 21:43:03 发布

橙可爱

最新推荐文章于 2024-05-15 21:43:03 发布

阅读量341

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js方法

本文链接：https://blog.youkuaiyun.com/weixin_42332641/article/details/110874608

js方法专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了JavaScript中深拷贝和浅拷贝的概念及使用场景。通过实例展示了直接赋值、JSON.parse(JSON.stringify())以及Object.assign()在拷贝对象时的不同行为。深拷贝会创建一个全新的对象，包括所有子对象，而浅拷贝只复制第一层属性，子对象仍指向原对象。理解这两种拷贝方式对于避免意外修改原数据至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中经常遇到赋值，但是用途不同，使用深拷贝和浅拷贝也不同
一：直接用等号赋值，当新值发生改变的时候，旧值也会随之改变
二：赋值后新值改变原值不发生改变，使用JSON.parse(JSON.stringfy(字段))（深拷贝:所有属于对象的属性类型都遍历赋给另一个对象）
三：赋值后新值改变原值不发生改变，使用Object.assign()（浅拷贝）
深拷贝和浅拷贝异同：

深拷贝：将 B 对象拷贝到 A 对象中，包括 B 里面的子对象，
浅拷贝：将 B 对象拷贝到 A 对象中，但不包括 B 里面的子对象

类型	和原数据是否指向同一对象	第一层数据为基本数据类型	原数据中包含子对象
赋值	是	改变会使原数据一同改变	改变会使原数据一同改变
浅拷贝	否	改变不会使原数据一同改变	改变会使原数据一同改变
深拷贝	否	改变不会使原数据一同改变	改变不会使原数据一同改变

注：对象展开运算符(…)算是浅拷贝吧