ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript-对象的深拷贝

2022-09-12 16:33:44  阅读:368  来源: 互联网

标签:deepClone hash 对象 JavaScript return JSON obj 拷贝


对于原生JS,对象的深拷贝主要有两种形式

  1. JSON.stringify()

  2. 递归拷贝

第一种拷贝方式如下

function deepClone(obj){
  const newObj = JSON.parse(JSON.stringify(obj))
  return newObj
}

但是这种拷贝方式的弊端是:会忽略函数、Symbol、undefined

例1 :假设待拷贝对象为

const obj = {
      name1:'A',
      name2:undefined,
      name3:function(){},
      name4:Symbol('A'),
      name5:{
        abc:'test'
      },
      name6:null,
}

使用JSON.stringify()进行拷贝

const newObj = JSON.parse(JSON.stringify(obj))
console.log(newObj);

得到的结果是

可以看见拷贝的时候忽略了函数、Symbol、undefined。但是null可以被拷贝

为了实现一个真正的深拷贝,这个网站给出了递归拷贝的方法。在下面代码中,给出了自己的理解

function deepClone(obj,hash = new WeakMap()){
      if(obj === null) return obj; //如果是null,则不需要做任何的操作,返回即可
      if(obj instanceof Date) return new Date(obj);
      if(obj instanceof RegExp) return new RegExp(obj);
      if(typeof obj!=='object') return obj;//如果是函数直接返回即可,没必要进行拷贝
      //上面是将不是object的直接返回出去
      if(hash.get(obj)) return hash.get(obj);//这里主要是剪枝的作用
      let cloneObj = new obj.constructor()
      //obj,constructor指向的是自己,相当于重新生成了一份新的自己给新的对象,这就实现了两个对象的属性拥有不同的地址
      hash.set(obj,cloneObj)//以键值对的方式存放,这也保证了唯一性
      for(let key in obj){
        if(obj.hasOwnProperty(key)){
           //如果某个属性A下面还有属性B,则进入属性B,属性B处理完以后A就算处理完了,继续指向for in循环
          cloneObj[key] = deepClone(obj[key],hash)
        }
      }
      return cloneObj
}

const newObj = deepClone(obj)//hash不需要传,第一次进入deepClone时,由于没给hash传值,所以会执行hash=new weakMap()的操作

 

标签:deepClone,hash,对象,JavaScript,return,JSON,obj,拷贝
来源: https://www.cnblogs.com/jching/p/16686469.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有