js数组深拷贝与浅拷贝

js数组深拷贝 和 浅拷贝

let arr = [{name:'wll'},{age:'32'}]
let newArr1 = arr
let newArr2 = arr.slice()
let newArr3 = arr.concat()
let newArr4 = JSON.parse(JSON.stringify(arr))
let newArr5 = [...arr]
let [...newArr6] = arr
let newArr7 = Array.from(arr)
arr[0].name='fxg'
arr[1].age='39'
console.log(arr,'arr')
console.log(newArr1,'arr1')  //[{name: "fxg"},{age: "39"}]
console.log(newArr2,'arr2') //[{name: "fxg"},{age: "39"}]
console.log(newArr3,'arr3') //[{name: "fxg"},{age: "39"}]
console.log(newArr4,'arr4') //[{name: "wll"},{age: "32"}]
console.log(newArr5,'arr5') //[{name: "fxg"},{age: "39"}]
console.log(newArr6,'arr6') //[{name: "fxg"},{age: "39"}]
console.log(newArr7,'arr7') //[{name: "fxg"},{age: "39"}]

let arrA = [1,2,3]
let arrB = []
let arrC = Array.from(arrA);
for(let i=0; i<arrA.length;i++){
    arrB[i] = arrA[i]
}
arrA.push(4)
arrB.pop()
arrC.pop()
console.log(arrA,arrB,arrC) //[1, 2, 3, 4],[1, 2],[1, 2]

js数组浅拷贝

let a = [{name:'大西瓜'}];
let b = [...a]
b[0].name = '小虾米';
console.log(a[0].name)// 小虾米

js数组深拷贝

let a = [{name:'大西瓜'}];
let b = [...a.map(infos=>{
    return Object.assign({},infos)
})]
b[0].name="小虾米";
console.log(a[0].name)//大西瓜

---