手写一个javascript深拷贝不香吗

标题

手写一个javascript深拷贝不香吗?!

背景

学过js的小伙伴都知道浅拷贝和深拷贝,
像简单的复制,Object.assin()(只有一层数据的时候),concat()等之类的都是浅拷贝,
深拷贝像JSON.parse(JSON.stringify())等之类的
但是在实际项目中,深拷贝的用到的次数非常多的,而JSON.stringify()有比较消耗性能(特别是在数据多的情况下),这个时候我们手写一个递归的深拷贝方法是有必要的

深拷贝–JSON.parse(JSON.stringify())

const person = [
	{
		name:"ssypp",
		sex:"男",
		job:"前端开发"
	},
	{
		name:"ssypw",
		sex:"男",
		job:"前端开发"
	}
]
let temp = JSON.parse(JSON.stringify(person))

深拷贝–手写一个递归拷贝

  • 1.需要两个对象,一个是目标对象,一个是源对象
  • 2.需要多类型进行判断
function deepCopy(target,resouce){
	//获取源对象的属性值 k
	for(var k in resouce){
		//获取键值
		let item = resouce[key];
		//对键值的类型进行判断
		//如果是Array类型
		if(item instanceof Array){
			//创建一个对应键的空数组的值
			target[key] = [];
			deepCopy(target[key],item);
		}else if(item instanceof Object){
			//object类型
			target[key] = {};
			deepCopy(target[key],item);
		}else{
			//基本数据类型
			target[key] = item
		}
	}
}
const person2 = {}
deepCopy(person2,person1)

总结

动手自己写写更容易掌握!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值