详解Javascript中的深拷贝和浅拷贝

数据复制是我们编程中经常会使用的技术，对于普通数值数据来说，复制很简单，但是对于复杂类型比如对象的复制，就会有很多需要考虑的东西，比如我们经常说到的深拷贝和浅拷贝。

在网站制作、成都网站制作中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手，突出企业的产品/服务/品牌，帮助企业锁定精准用户，提高在线咨询和转化，使成都网站营销成为有效果、有回报的无锡营销推广。成都创新互联公司专业成都网站建设10年了，客户满意度97.8%，欢迎成都创新互联客户联系。

浅拷贝

复制的对象和原始对象属性相关联。事实上，如果对象的任何字段被其他对象引用，则它们共享相同的内存地址。

深拷贝

与浅拷贝不同，深拷贝复制对象的所有属性，并且为新对象分配新的内存地址，我们对新对象的操作不会影响到原对象，看起来就像是将原对象所有的东西都重新复制出来一份。

数据类型

JavaScript中的数据类型分为原始数据类型和复合数据类型。

数值，字符串，布尔值，undefined，null为原始数据类型，而数组和对象则是复合类型。

原始数据进行复制克隆的时候，永远都是新的副本，不会和原来数据进行关联，而复合数据进行浅拷贝的时候，只是分配值的引用。

创建深拷贝

对于克隆对象，如果我们想要进行深拷贝，那么我们经常使用的方法就是JSON.parse()和JSON.stringify()。

数组Map,ForEach和Slice

对于普通的一维数组，函数Map,ForEach,Slice都提供深拷贝的功能，但是对于嵌套数组，这些函数对于内部数组的处理不提供深拷贝的功能。

总结

Object.assign和Object.create都可以进行对象的复制。

使用assign方法时，我们必须确保对象至少复制第二个参数。通常你只会传递一个空对象作为第一个参数。它不提供类似于扩展运算符的完整拷贝。

使用create方法时，现有对象作为新创建对象的原型创建一个新对象。现有对象作为原型可用，从而使所有属性都可用于新对象。但就复制而言，它提供了部分深复制，如分配和扩展运算符。

在 JavaScript 中复制对象的唯一陷阱是嵌套值。

名称栏目：详解Javascript中的深拷贝和浅拷贝
浏览路径：http://www.shufengxianlan.com/qtweb/news3/522753.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联