了解深拷贝

深拷贝


深拷贝的几种方式

1. 通过JSON的拷贝方式

代码如下(示例):

  // 定义简单的对象
  let objC = {
    a: 'zs',
    age: 18,
    arr: [1, 2, 3, 4],
    obj: { str: 'ls', age: 18 }
  }
  // 拷贝
  let objA = JSON.parse(JSON.stringify(objC))
  console.log(objA)

通过使用JSON的方法可以解决很多类型的拷贝

2. 定义函数

代码如下(示例):

  // 标准的深拷贝 => 针对引用数据类型
  function deepClone(source) {
    // [] => Array(基类) {} => Object
    const targetObj = source.constructor === Array ? [] : {}
    for (let keys in source) {
      if (source.hasOwnProperty(keys)) {
        // keys => 3种,基本数据,数组,对象
        // 以下证明是引用数据类型
        if (source[keys] && typeof source[keys] === 'object') {
          // 维护层代码
          // targetObj[keys] = source[keys].constructor === Array ? [] : {};
          //  递归
          targetObj[keys] = deepClone(source[keys])
        } else {
          // 基本数据类型就是赋值
          targetObj[keys] = source[keys]
        }
      }
    }
    return targetObj
  }
  // 测试
  // 定义简单的对象
  let objC = {
    a: 'zs',
    age: 18,
    arr: [1, 2, 3, 4],
    obj: { str: 'ls', age: 18 }
  }
  let newObjC = deepClone(objC)
  newObjC.a = '王五'
  newObjC.arr.push(100)
  console.log(objC, newObjC)

打印出来的newObjC就是拷贝objC 的


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值