4-3深拷贝
2019-03-12 本文已影响0人
大庆无疆
深拷贝(多层复制)
----------------------深拷贝(多层复制)-------------------
var obj1 = {
name: '小花',
age: 32,
fruit: 'apple',
//狗(对象)
dog: {
name: '旺财'
},
//朋友(数组)
friends: ['Mary', 'Jack']
}
var obj2 = {}
将深拷贝的代码封装成函数
这里需要用到递归
function deepCopy(o1, o2) {
// 先循环取出每个属性,判断是简单类型,还是对象,还是数组
for(var key in o1) {
var item = o1[key];//获取属性的值
if (item instanceof Array) { 这里要把Array放到Object前面,因为Array也是对象
//如果是数组,数组也是对象,我们可以把 数组的索引 想象为 对象的属性
o2[key] = [];
deepCopy(item, o2[key]);
}else if (item instanceof Object) {
// 如果属性值为对象
o2[key] = {};
deepCopy(item, o2[key]);
}else {
// 如果是简单类型
o2[key] = item;
}
}
}
//调用深拷贝函数,将obj1对象的内容拷贝给obj2
deepCopy(obj1, obj2);
//修改obj1内容
obj1.name = '小米';
obj1.dog.name = '汪汪汪';
obj1.friends[0] = 'XXX';
console.log(obj1);
console.log(obj2);
输出我们发现obj1中修改的任何内容,没有影响到obj2