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
上一篇下一篇

猜你喜欢

热点阅读