js完成深拷贝有两种要领
第一(简朴粗犷):
let arr = [1, {a: 2}];
let copyArr = JSON.parse( JSON.stringify(arr) );
console.log(copyArr ) // [1, {a: 2}]
arr[1].a = 3;
console.log(copyArr ) // [1, {a: 2}]
copyArr[1].a = 5;
console.log(arr) // [1, {a: 2}]
能够看出来,转变原数组arr,并没有对新数组copyArr产生影响;转变新数组copyArr也没有对原数组arr产生影响;
第二(面试官大多数会问这种要领):
let arr = [1, {a: 2}];
function deepCopy(arr) {
let copyArr = (arr.constructor === Array) ? [] : {}; // 推断是数组照样对象
for(let i in arr) {
if(typeof arr[i] === 'object') { // 推断是值范例照样援用范例
copyArr[i] = deepCopy(arr[i]); // 援用范例的话举行递归操纵
} else {
copyArr[i] = arr[i]; // 值范例直接赋值
}
}
return copyArr;
}
let copyArr = deepCopy(arr);
console.log(copyArr ) // [1, {a: 2}]
arr[1].a = 3;
console.log(copyArr ) // [1, {a: 2}]
copyArr[1].a = 5;
console.log(arr) // [1, {a: 2}]
一样:转变原数组arr,并没有对新数组copyArr产生影响;转变新数组copyArr也没有对原数组arr产生影响;