数组和对象的深拷贝

一般前端新手必犯的错误就是把数据直接相等赋值,结果因为指针指向问题,造成数据错误。

这叫要谈到深拷贝和浅拷贝,

深拷贝是增加了一个指针指向已存在的内存地址(修改的话,是修改堆内存中的同一个值)

深拷贝是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存(修改的话,是修改堆内存中的不同的值)

浅拷贝没什么可说的,下面是深拷贝的通用写法。

//数组和一般对象(不包含基本类型的封装对象、日期、正则等)的深拷贝

Vue.prototype.$$deepClone = function(obj) {

    let newObj = Array.isArray(obj) ? [] : {};

    for (let i in obj) {

        newObj[i] = obj[i] instanceof Object ? Vue.prototype.$$deepClone(obj[i]) : obj[i];

    }

    return newObj;

};

 

有没有想要脱单的小伙伴,加入我们的脱单星球,认识更多优秀的小哥哥小姐姐

特此声明,星球是免费的,但是创建星球的时候说是必须输入金额,所以只能先私聊,我再加你免费加入!

数组和对象的深拷贝