JavaScript---深拷贝和浅拷贝及代码实现

# 浅拷贝和深拷贝的问题

1. 深拷贝和浅拷贝是只针对Object和Array这样的复杂类型的

2. 也就是说a和b指向了同一块内存,所以修改其中任意的值,另一个值都会随之变化,这就是浅拷贝

3. 浅拷贝, Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象

4. 深拷贝,JSON.parse()和JSON.stringify()给了我们一个基本的解决办法。但是函数不能被正确处理

# 对象深度克隆(深拷贝)的简单实现

  function deepClone(obj){

    var newObj= obj instanceof Array ? []:{};

    for(var item in obj){

      var temple= typeof obj[item] == 'object' ? deepClone(obj[item]):obj[item];

      newObj[item] = temple;

    }

    return newObj;

  }

# 浅拷贝代码实现

  const _shallowClone = target => {

    if (typeof target === 'object' && target !== null) {

    const cloneTarget = Array.isArray(target) ? []: {};

      for (let prop in target) {

        if (target.hasOwnProperty(prop)) {

          cloneTarget[prop] = target[prop];

        }

      }

      return cloneTarget;

      } else {

          return target;

        }

  }

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值