js深拷贝的3种方式

var obj = {
      name:'张三',
      age:20,
      sax:{
        goods:20
      },
      arr:[1,2,3]
    }
    // 深拷贝第一种写法
    function deepClone(origin, tar){
      // 判断源对象的类型
      // var target = tar || (Object.prototype.toString.call(origin) === '[object Array]' ? [] : {})
      var target = tar || new origin.constructor()

      // 循环遍历origin
      for(let key in origin){
        // 判断key属性是否是自身的属性
        if(origin.hasOwnProperty(key)){
          // 如果是自身的属性
          // 继续判断当前属性值的类型
          if(typeof origin[key] === 'object' && origin[key] !== null){
            // 说明这个属性值就是对象或者数组
            target[key] = Object.prototype.toString.call(origin[key]) === '[object Array]' ? [] : {}
            deepClone(origin[key],target[key])
          }else{
            // 说明属性值是一个简单数据类型
            target[key] = origin[key]
          }
        }
      }
      return target
    }
    // 第二种写法
    function deepClone2(origin){
      // 判断origin数据结构
      if(origin == undefined || typeof origin !== 'object'){
        return origin
      }

      let target = new origin.constructor()
      for(let key in origin){
        target[key] = arguments.callee(origin[key])
      }
      return target
    }

    // 第三种写法
    function deepClone3(origin, target = {}){
      for(var key in origin){
        if(origin[key] instanceof Array){
          target[key] = []
          deepClone3(origin[key], target[key])
        }else if(origin[key] instanceof Object){
          target[key] = {}
          deepClone3(origin[key], target[key])
        }else{
          target[key] = origin[key]
        }
      }
      return target
    }

注:arguments.callee,指向arguments当前的函数,在非严格模式下是没问题的,但是在严格模式下会报错,首先为什么要用 arguments.callee 这个指呢,是因为了这个东西是为了解耦,如果外部的函数名修改了,内部就会报错,用了arguments.callee以后就不怕外部的函数名变化了。
但是在严格模式下就使用另外一种形式了,如果大家有兴趣的话,可以私聊我

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在编程中,对象和数组的深拷贝涉及到数据结构的副本创建,确保新创建的对象与原对象独立,即使原对象发生改变也不会影响副本。这里有几常见的深拷贝方式: 1. **浅拷贝(Shallow Copy)**: 对于简单类型(如基本数据类型)或值类型,拷贝的是它们的值。对于复杂类型如数组或对象,浅拷贝实际上是创建了一个引用,两个变量指向的是同一个内存地址。这意味着对其中一个的修改会影响到另一个。 2. **深拷贝(Deep Copy)**: - **复制数组**:对于数组,可以逐个元素地进行深拷贝,创建一个新的数组并填充每个元素的深拷贝。例如,在JavaScript中可以使用`JSON.parse(JSON.stringify(array))`来实现。 - **复制对象**: a. 使用构造函数:创建新对象,然后递归遍历原对象,为每个属性创建新的值,而不是引用。例如在JavaScript中,`function deepCopy(obj) { return new obj.constructor(obj); }`。 b. 使用`Object.assign()`和扩展运算符...:结合使用,创建一个新的对象,并将所有属性从源对象复制过来,但不会创建循环引用。但是这方法不适用于原型链中的对象。 c. 库方法:有些编程语言有现成的库函数或模块可以直接完成深拷贝操作,比如Python的`copy.deepcopy()`。 3. **深度克隆(Deep Cloning)**: 术语"深度克隆"通常用于描述深度复制的过程,特别是在讨论复杂的数据结构,如树、图或对象树时。 **相关问题**: 1. 浅拷贝和深拷贝的主要区别是什么? 2. 如何在JavaScript中避免对象属性的引用冲突进行深拷贝? 3. 如果数组中的元素是对象,应该如何正确地进行深拷贝
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值