实现深拷贝和浅拷贝

本文介绍了深拷贝和浅拷贝的概念,深拷贝确保原数据变化时,拷贝的数据保持不变,而浅拷贝则会同步变化。通过一个自定义的deepClone函数展示了深拷贝的实现,并使用Object.assign演示了浅拷贝。在实际开发中,深拷贝适用于需要独立副本的情况,浅拷贝则适用于简单数据复制。
摘要由CSDN通过智能技术生成

理解

深拷贝:拷贝了数据之后原数据变了,目标数据不变
浅拷贝: 拷贝了数据之后原数据变了,目标数据跟着变化
注:以上理解为个人的理解,如需深入了解请百度查找

	function checkType(data) {
      return Object.prototype.toString.call(data).slice(8, -1).toLowerCase()
    }
    function fest() {}
    function deepClone(target) {
      let targetType = checkType(target)
      let result
      if(targetType === 'object') {
        result = {}
      } else if(targetType === 'array') {
        result = []
      } else {
        return target
      }
      for(let i in target) {
        let value = target[i]
        let valueType = checkType(value)
        if(valueType === 'object' || valueType === 'array') {
          result[i] = deepClone(value)
        } else {
          result[i] = value
        }
      }
      return result
    }
    let arr1 = { a: { b: 1,c: 2 }, n: [1,2,3] }
    let arr2 = Object.assign(arr1)
    let arr3 = deepClone(arr1)
    arr1.a = 'zzzz'
    console.log(arr2); //打印 { a: 'zzzz', n: [1,2,3] }
    console.log(arr3); //打印 { a: { b: 1,c: 2 }, n: [1,2,3] }

总结:深拷贝使用deepClone方法(自行封装),浅拷贝直接用Object.assign即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值