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

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

浅克隆

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

// 实现对象的浅克隆
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消失
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值