0
点赞
收藏
分享

微信扫一扫

浅拷贝、深拷贝

北邮郭大宝 2022-04-14 阅读 216

浅拷贝:只是拷贝一层, 更深层次对象级别的只拷贝引用。(浅拷贝是把地址给新对象

无论在新旧数组进行了修改,两者都会发生变化,我们把这种复制引用的拷贝方法称为浅拷贝。

  • ES6 新增可浅拷贝方法:Object.assign(target,…sources)
var obj = {
            id: 1,
            name: 'andy',
            msg: {
                age: 18
            }
        };
        var o = {};
        Object.assign(o, obj);
        console.log(o);
        o.msg.age = 20;
        console.log(obj);

深拷贝:拷贝多层, 每一级别的数据都会拷贝。

完全的拷贝一个对象,即使嵌套了对象,两者也互相分离,修改一个对象的属性,不会影响另一个。

  var obj = {
            id: 1,
            name: 'andy',
            msg: {
                age: 18
            },
            color: ['pink', 'red']
        };
        var o = {};
        // 封装函数 
        function deepCopy(newobj, oldobj) {
            for (var k in oldobj) {
                // 判断我们的属性值属于那种数据类型
                // 1. 获取属性值  oldobj[k]
                var item = oldobj[k];
                // 2. 判断这个值是否是数组
                if (item instanceof Array) {
                    newobj[k] = [];
                    deepCopy(newobj[k], item)
                } else if (item instanceof Object) {
                    // 3. 判断这个值是否是对象
                    newobj[k] = {};
                    deepCopy(newobj[k], item)
                } else {
                    // 4. 属于简单数据类型
                    newobj[k] = item;
                }

            }
        }
        deepCopy(o, obj);
        console.log(o);

        var arr = [];
        console.log(arr instanceof Object);
        o.msg.age = 20;
        console.log(obj);
举报

相关推荐

深拷贝浅拷贝

深拷贝、浅拷贝

深拷贝、浅拷贝、引用拷贝

浅拷贝VS深拷贝

深拷贝、浅拷贝、视图

JavaScript 深拷贝浅拷贝

浅拷贝深拷贝问题

0 条评论