深层拷贝和浅层拷贝

浅拷贝:

对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。注意:当内存销毁的时候,只想对象的指针,必须重新定义,才能够使用

代码:

var a = {x:1}
var b = a
console.log(b);//{x:1}
b.x = 2
console.log(b)//{x:2}
console.log(a)//{x:2}
浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b,当b(a)的值改变的时候,a(b)的值同时也会改变

深拷贝:深拷贝是指,拷贝对象的具体内容,二内存地址是自主分配的,拷贝结束之后俩个对象虽然存的值是一样的,但是内存地址不一样,俩个对象页互相不影响,互不干涉

深拷贝的几种方法:

1、JSON内置的方法

var a={x:1}
var b=JSON.parse(JSON.stringfiy(a))
console.log(b)//{x:1}
b.x=2
console.log(b)//{x:2}
console.log(a)//{x:1}
原理:该方法是用JSON.parse将对象转为字符串,然后在用JSON.stringify转回对象json字符串转换为对象的时候,会自己去构建新的内存地址存放数据

注:如果对象属性为function,因为JSON格式字符串不支持function,在构建的时候会自动删除

2、Object的内置方法assign

var a={x:1}
var b=Object.assign({}, a);
console.log(b); //{x:1}
b.x = 2;
console.log(b); //{x:2}
console.log(a); //{x:1}
原理:该方法是用Object.assign对对象进行拼接, 将后续对象的内容插入到第一个参数指定的对象,不会修改第一个参数之后的对象,而我们将第一个对象指定为一个匿名空对象,实现深拷贝

注:对象嵌套层次过深,超过2层,就会出现浅拷贝的状况,比如echarts组件的option对象

3、递归实现

function clone(Obj) {首先,然后确定递归的回调,最终到达对象或者数组的末端,达到深拷贝的要求。
    var newObj;   
    if (Obj instanceof Array) { //确定类型
        newObj = [];  // 创建一个空的数组
        var i = Obj.length;
        while (i--) {
            newObj[i] = clone(Obj[i]); //递归回调
        }
        return newObj;
    } else if (Obj instanceof Object){ //确定类型
        newObj = {};  // 创建一个空对象
        for (var k in Obj) {  // 为这个对象添加新的属性
            newObj[k] = clone(Obj[k]); //递归回调
        }
        return newObj; //结束函数完成深拷贝
    }else{
        return Obj; //结束函数完成深拷贝
    }
}

或者

function extendDeepCopy(obj,newobj){
var newobj=newobj||{};

for(var i in obj){
    if(typeof obj[i]=='object'){ //确定类型
        newobj[i]=(obj[i].constructor==="Array")?[]:{};
        extendDeepCopy(obj[i],newobj[i]); //递归回调
    }else{
        newobj[i]=obj[i];
    }
}
return newobj;//结束函数完成深拷贝

}。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值