JavaScript-对象的深拷贝
2022/9/13 1:23:12
本文主要是介绍JavaScript-对象的深拷贝,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
对于原生JS,对象的深拷贝主要有两种形式
-
JSON.stringify()
- 递归拷贝
第一种拷贝方式如下
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()的操作
这篇关于JavaScript-对象的深拷贝的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-04-26敏捷开发:想要快速交付就必须舍弃产品质量?
- 2024-04-26静态代码分析的这些好处,我竟然都不知道?
- 2024-04-26你在测试金字塔的哪一层?(下)
- 2024-04-26快刀斩乱麻,DevOps让代码评审也自动起来
- 2024-04-262024年最好用的10款ER图神器!
- 2024-04-2203-为啥大模型LLM还没能完全替代你?
- 2024-04-2101-大语言模型发展
- 2024-04-17基于SpringWeb MultipartFile文件上传、下载功能
- 2024-04-14个人开发者,Spring Boot 项目如何部署
- 2024-04-14RAG应用开发实战02-相似性检索的关键 - Embedding