首页 / JAVASCRIPT / js 数组的深拷贝

js 数组的深拷贝

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js 数组的深拷贝，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含798字，纯文字阅读大概需要2分钟。

内容图文

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]);
		}
	}
}

内容总结

以上是互联网集市为您收集整理的js 数组的深拷贝全部内容，希望文章能够帮你解决js 数组的深拷贝所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1023823.html

来源：【匿名】