js 数组的深拷贝

1.Array.from()
2.slice()
3.扩展运算符
4.Object.assign()
5.concat()

var oldArr = [1,2,3,[4,5,6],7]
// 可以使用以上5中方法进行拷贝,但是都会出现同一个问题,就是对内层数组
// 的拷贝仅仅拷贝了内存地址,并没有给予新的内存地址进行保存
// 比如:
var newArr = oldArr.slice()
oldArr[0] = 10
console.log(oldArr[0]) // 10
console.log(newArr[0]) // 1

oldArr[3][0] = 20
console.log(oldArr[3][0]) // 20
console.log(newArr[3][0]) // 也为20,并不是4

因此通过这个例子很容易知道,这些方法的拷贝仅仅只是对数组内第一层级进行了深拷贝,而对内层的数组仅仅是浅拷贝,只引用了其内存地址。

因此需要写一个深拷贝的函数:

function deepClone(obj){
	if(typeof obj !== 'object' || obj == null){
		return obj;
	}
	let result = Array.isArray(obj) ? [] : {};
	for(let key in obj){
		if(obj.hasOwnPrototype(key)){
			result[key] = deepClone(obj[key]);
		}
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值