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

标签：key,console,log,js,数组,obj,拷贝,oldArr
来源： https://blog.csdn.net/qq_33390316/article/details/115361810