说起这个必然会讲到js的数据类型,因为这个深浅拷贝是针对引用数据而言的。
基本数据类型:Number,String,null,undefined,boolean
引用数据类型:Array,Object,Function
浅拷贝:只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。(修改其中一个对象,新旧对象同时修改)
let obj ={
a:1
}
let newObj=obj //复制引用
newObj.a=2
console.log(newObj.a,obj.a)//2 2
深拷贝:会另外创造新的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。
深拷贝的实现方式:
1.逐个属性的复制
2.object.assign() // 该方法只能复制一层
3.通过Json
4.递归
function deepClone(initalObj, finalObj) {
varobj = finalObj || {};
for(variin initalObj) {
varprop = initalObj[i];// 避免相互引用对象导致死循环,如initalObj.a = initalObj的情况if(prop === obj) {
continue;
}
if(typeofprop ==='object') {
obj[i] = (prop.constructor === Array) ? [] : {};
arguments.callee(prop, obj[i]);
} else {
obj[i] = prop;
}
}
return obj;
}varstr = {};varobj = { a: {a:"hello", b:21} };
deepClone(obj, str);
console.log(str.a);
网友评论