对象和数组的深克隆/深拷贝和浅克隆/浅拷贝

文章介绍了JavaScript中实现对象和数组浅克隆的方法,如Object.assign()和数组的slice/concat,以及深克隆的实现,包括递归复制的函数cloneDeep和使用JSON.parse(JSON.stringify())的暴力克隆。同时,提到了暴力克隆存在的问题,如正则、函数、日期、Symbol和BigInt的处理缺陷。
摘要由CSDN通过智能技术生成

浅克隆:只复制对象或数组的第一级内容
深克隆:克隆后数组的每一级都和原始数组没有关联

浅克隆

以下几种方式可以实现对象或数组的浅克隆

// 实现对象的浅克隆
Object.assign()
{...obj}

// 实现数组的浅克隆(数组内置大部分方法都是浅克隆)
slice/concat等

深克隆

手写深克隆:

function cloneDeep(obj){
	const constructor = obj.constructor;
	if(obj===null) return null;
	if(typeof obj !== 'object') return obj;
	if(/^(RegExp|Date)$/i.test(constructor.name)) return new constructor(obj);
	let clone = new constructor();
	for(let key in obj){
		if(!obj.hasOwnProperty(key)) break;
		clone[key] = cloneDeep(obj[key]);
	}
	return clone;
}

如果使用暴力法把原始数据直接变成字符串,再把字符串变成对象

let newArr = JSON.parse(JSON.stringify(arr));

会出现问题:

  • 正则会变成空对象
  • 函数直接消失
  • 日期变成字符串
  • Symbol直接消失
  • BigInt报错
  • undefined消失
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值