js 使用 = 直接赋值数组,修改新数组时会把原数组修改掉的问题解决(深拷贝)

使用 = 直接赋值数组,修改新数组时会把原数组修改掉:

let oldArr = [
    {group: 1, id: 2, name: "aa"},
    {group: 2, id: 1, name: "bb"}];
let newArr2 = oldArr;
for (let i = 0; i < newArr2.length; i++) {
    if (newArr2[i].id == 1) {
        newArr2[i].name = "new";
        break;
    }
}
console.log(oldArr);
console.log(newArr2);

使用对象深拷贝,修改数组不影响原数组:

let oldArr = [
    {group: 1, id: 2, name: "aa"},
    {group: 2, id: 1, name: "bb"}];


let newArr2 = JSON.parse(JSON.stringify(oldArr)); //对象深拷贝,修改不影响之前的
for (let i = 0; i < newArr2.length; i++) {
    if (newArr2[i].id == 1) {
        newArr2[i].name = "new";
        break;
    }
}
console.log(oldArr);
console.log(newArr2);

猜你喜欢

转载自blog.csdn.net/qq_40015157/article/details/113869061
今日推荐