首先深浅拷贝对于数组或者对象这样的引用类型来说,因为基本数据类型例如Number,String不存在深拷贝问题,
浅拷贝
对于浅拷贝,就是引用地址的赋值,结果就是两个变量内存的是对象的相同地址,指向同一堆对象,这样改变其中一个属性同样会对另外一个进行影响
let obj1 = {a:0,b:0,c:0}
let obj2 = obj1
obj1.a = 3
console.log(obj1) // {a:3,b:0,c:0}
console.log(obj2) //{a:3,b:0,c:0}
深拷贝
深拷贝则是直接复制对象里面的属性,创建一个全新的对象,不会存在同时指向一个对象的情况
let obj1 = {a:0,b:0,c:0}
let obj2 = {}
for(let i in obj1){
obj2[i]=obj1[i]
}
obj1.a=1
console.log(obj1); //{a:1,b:0,c:0}
console.log(obj2); // {a:0,b:0,c:0}
对于较为复杂的嵌套对象就要进行递归来进行属性的复制了,如下:
let obj1 = {a:0,b:0,c:{d:0,e:0}}
let obj2 = {}
function deepCopy(obj){
let newObj={}
for(let i in obj){
if(typeof obj[i] ==='object'){
newObj[i]= deepCopy(obj[i])
}else{
newObj[i]=obj[i]
}
}
return newObj
}
obj2 = deepCopy(obj1)
console.log(obj2); //{a:0,b:0,c:{d:0,e:0}}
obj1.c.d=8
console.log(obj1);//{a:0,b:0,c:{d:8,e:0}}
console.log(obj2);//{a:0,b:0,c:{d:0,e:0}}
当然也可以利用JSON.parse(JSON.stringify(obj)),来实现对一个对象的深拷贝,但是对于循环引用的形式不适用,上述递归方法也会因为循环引用导致爆栈的问题,所以还需要进一步的改善方法,
暂时记录下
版权声明:本文为weixin_40961514原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。