如何实现数组深拷贝和浅拷贝?

2017-03-03  本文已影响0人  halogrance

在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,也就是复制、克隆或者说做拷贝

要弄明白拷贝,首先要明白js中对象的组成。在js中一切实例皆是对象,具体分为原始类型和合成类型。原始类型对象指的是number、string、boolean等,合成类型对象指的是array、object以及function。 数组的拷贝有深有浅,下面具体分析!

2.知识剖析

浅拷贝

浅拷贝可以理解为就是复制一份来引用,所有引用对象都指向一份数据,并且都可以修改这份数据。 对于字符串类型,浅拷贝是对值的拷贝,对于对象来说,浅拷贝是对对象地址的拷贝,也就是复制 的结果是两个对象指向同一个内存地址,修改其中一个对象的属性,则另一个对象的属性也会改变

var a = ['隔壁老王','冠希哥', '宋经理' //定义一个名为a的属猪,里面有3个值,

];

var b = a;  //定义一个变量b,把a赋值给他,这样比、b和a一样了

b[2] = '冲冲老师'; //然后把b的第三个值等于冲冲老师

console.log(a)//那么现在打印a ['隔壁老王','冠希哥', '冲冲老师']

深拷贝

深拷贝则是复制变量值,对于非基本类型的变量,则递归至基本类型变量后,再复制。 深复制不同于浅复制,它会开辟新的内存地址,两个对象对应两个不同的地址,修改 一个对象的属性,不会改变另一个对象的属性

实现数组深拷贝有两种方法!

方法一: 用js的slice函数来实现

方法二:用js的concat方法

3.常见问题

浅拷贝的缺点是如果你改变了对象B所指向的内存地址,你同时也改变了对象A指向这个地址的字段。

深拷贝,这种方式会完全拷贝所有数据,优点是B与A不会相互依赖(A,B完全脱离关联), 缺点是拷贝的速度更慢,代价更大 (可理解为耗费了更多内存空间)

上一篇 下一篇

猜你喜欢

热点阅读