Js中的深度赋值和浅层赋值

本文探讨了JavaScript中对象拷贝的两种主要方式——浅拷贝和深拷贝。浅拷贝包括Object.assign()、lodash的clone方法以及使用...操作符和Array.prototype.concat/slice。深拷贝通常通过JSON.parse(JSON.stringify())实现,但存在处理函数和正则的限制,以及对循环引用和undefined的忽略。此外,lodash的cloneDeep和jQuery.extend也可用于深拷贝,其中后者能处理循环引用的对象。手写实现深拷贝需要判断并递归处理复杂数据类型。
摘要由CSDN通过智能技术生成
拷贝有个前提,是针对对象的操作,当想复制一个对象的时候,才存在浅拷贝深拷贝之分!
  1. 浅拷贝的实现方式

    1. Object.assign()

      可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。

    2. lodash的clone方法

    3. …操作符

      let obj1 = {
              name: 'Kobe', address:{
             x:100,y:100}}
      let obj2= {
             ... obj1}
      obj1.address.x = 200;
      obj1.name = 'wade'
      console.log('obj2',obj2) // obj2 { name: 'Kobe', address: { x: 200, y: 100 } }
      
    4. Array.prototype.concat

      let arr = [1,2,3]; let arr2 = [4,5,6];let arr3 = arr.concat(arr2)

      let arr = [1, 3, {
             
          username: 'kobe'
          }];
      let arr2 = arr.concat();    
      arr2[2].username = 'wade';
      console.log(arr);
      
    5. Array.prototype.slice

      let arr = [1, 3, 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值