深浅拷贝的区别

本文介绍了JavaScript中的浅拷贝和深拷贝概念。浅拷贝仅复制对象的第一层,而深拷贝则递归复制所有层级。文中通过示例展示了如何使用`Object.assign()`实现浅拷贝,以及自定义函数实现深拷贝的过程。当修改浅拷贝后的对象,原始对象的值也会改变,而深拷贝则能保持原始对象不变。这对于理解和处理复杂对象的复制至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、浅拷贝

浅拷贝只能拷贝一层,更深层次对象级别拷贝的只拷贝引用路径,将原来的变量做修改后,浅拷贝的值也会随着改变

  var obj = {
            id:1,
            name:'andy',
            msg:{
                age:18
            }
        }
        var o = {};
        // for(var k in obj){
        //     // k是属性名 obj[k] 属性值
        //     o[k] = obj[k]
        // }
        // console.log(o);
        // o.msg = 20;


        console.log('----------------------');

            Object.assign(o,obj);
            console.log(o);
            o.msg.age = 20;
            console.log(obj);
二、深拷贝

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

 var obj = {
            id:1,
            name:'andy',
            msg:{
                age:18
            }
        }
      var o= {};
      function deeCopy(newobj,olobj){
      //遍历循环旧数据
      for(var k in olobj){
      	//获取我们的属性值olobj[k]  给到item
		var item = olobj[k]
		//判断数据类型为
		if(item instanceof Array){
		newobj[k] = item;
		deeCopy(newobj[k],item)
}else if(item instanceof Object){
		newobj[k] = item;
		deeCopy(newobj[k],item)
}else{
		newobj[k] = item;
}		
	}
      }

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

        // console.log(arr instanceof Object);//返回的是true  说明arr也是属于object  不所以不能先执行object

        // o.msg.age = 20; //改变msg中age的值  为20  
        // console.log(obj);//打印obj结果  发现obj里面的数值没有发生改变
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值