一、为什么要使用深拷贝
我们希望在改变新的数组(对象)的时候,不改变原来的数组(对象)
深拷贝不会拷贝引用类型的引用,而是将引用类型的值全部拷贝一份,形成一个新的引用类型,这样就不会发生引用错乱的问题,使得我们可以多次使用同样的数据,而不用担心数据之间会起冲突。
二、深拷贝的四种方法
1、使用JSON.stringify()以及JSON.parse()
var obj1 = {
a: 1,
b: 2,
c: 3
}
var objString = JSON.stringify(obj1); //将对象转换为json字符串形式
var obj2 = JSON.parse(objString); //将转换而来的字符串转换为原生js对象
obj2.a = 5;
console.log(obj1.a); // 1
console.log(obj2.a); // 5
注意:使用JSON.stringify()以及JSON.parse()它是不可以拷贝 undefined , function, RegExp 等等类型的
2、通过for in实现
function deepCopy1(obj) {
let o = {}
for (let key in obj) {
o[key] = obj[key]
}
return o
}
let obj = {
a: 1,
b: undefined,
c: function() {},
}
console.log(deepCopy1(obj))
3、递归
function deepClone1(obj) {
//判断要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝
var objClone = Array.isArray(obj) ? [] : {};
//进行深拷贝的不能为空,并且是对象或者是
if(obj && typeof obj === "object") {
for(key in obj) {
if(obj.hasOwnProperty(key)) {
if(obj[key] && typeof obj[key] === "object") {
objClone[key] = deepClone1(obj[key]);
} else {
objClone[key] = obj[key];
}
}
}
}
return objClone;
}
hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性,但是不会去查找它的原型链。
4、concat(数组的深拷贝)
使用concat合并数组,会返回一个新的数组。
对象是一个引用数据类型 普通的复制是一个浅拷贝