美文网首页
4-3深拷贝

4-3深拷贝

作者: 大庆无疆 | 来源:发表于2019-03-12 17:05 被阅读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
    

    相关文章

      网友评论

          本文标题:4-3深拷贝

          本文链接:https://www.haomeiwen.com/subject/suvnpqtx.html