深拷贝封装
深拷贝针对多级
- assign合并对象,也只是浅拷贝
var a = {
id:1,
name: 'a',
obj: {
id: 999
}
}
function fun(obj) {
var o = {};
Object.assign(o, obj);
return o;
}
var a2 = fun(a);//赋值的新对象
a2.name = 'a2';
a2.obj.id = 888;
console.log(a);//assgin可以拷贝一级,被改变了
console.log(a2);//assgin不可以拷贝多级
- 序列化可以解决深拷贝的问题,但是只能使用对象中的属性,方法不行,不支持function
// 序列化可以解决深拷贝的问题,但是只能使用对象中的属性,方法不行,不支持function
var a3 = {
id:1,
name: 'a',
obj: {
id: 999
}
}
var a4 = JSON.parse(JSON.stringify(a3));
a4.obj.id = 777;
console.log(a3);//没有被改变
console.log(a4);
- 封装深拷贝的方法
// 封装深拷贝的方法
/*dest拷贝后的对象,obj原对象*/
function deep(dest, obj) {
var o = dest;
for(var key in obj){
if(typeof obj[key] === 'object'){//判断值是不是对象
o[key] = (obj[key].constructor === Array)?[]:{};//判断是数组还是对象
deep(o[key],obj[key]);//如果是数组就继续用数组来接收,对象就用对象了接受
}else{
o[key] = obj[key];
}
}
return o;
}