Javascript初学者关于深复制和浅复制的学习笔记

Javascript初学者关于深复制和浅复制的学习
//一、Json深复制

let a = {name: '甜瓜'};
let aJson = JSON.stringify(a);//jason数据格式转成字符串
let newA = JSON.parse(aJson);//jason数据格式转成回来
console.log(newA === a);   //false-->说明指向不同的地址。
newA.name = '香蕉';//将newA的name改成香蕉
console.log(newA.name);//--->香蕉
console.log(a.name);//--->甜瓜------------->因此：改变深复制出来的对象的属性，原对象并不会改变
//二、Object.assign方法
//(一)
let b = {name: '甜瓜'};
let b1 = Object.assign({}, b);//把b对象的属性加到一个空{}中，然后讲空{}放到b1中
console.log(b1 === b);   //false-->说明指向不同的地址。
//（二）
let c = {
    name: '甜瓜',
    friend: {
        name: '樱桃',
        money: 1500,
    }
};
let c1 = Object.assign({}, c);//把b对象的属性加到一个空{}中，然后讲空{}放到b1中
c1.friend.money = 2500;//将c1里面的money变成2500
console.log(c);//------------>里面的money变成了2500---------->说明原对象的money属性也被修改了。
console.log(c1);//------------>里面的money变成了2500
//------>是因为Object.assign方法，当对象只有一级属性的时候，是深复制---->console.log(c1)
//再有二级属性，如：c的friend。c的friend又是一个对象，这个对象的复制就变成浅复制了----->32行代码
//三、for in方法
let d = {
    name: '甜瓜',
};

function clone(obj) {
    let newObj = {};
    for (let key in obj) {
        newObj[key] = obj[key]  //当只有一级属性的时候，这样写可以。但是如果有二级属性，对象里面又有对象，应该这样写，见下面
    }
    return newObj
}

let d1 = clone(d) //
// ===有二级属性的情况甚至多级的情况==================
let e = {
    name: '甜瓜',
    friend: {//------------------->这里就是二级属性
        name: '樱桃',
        money: 1500,
    }
};

function clone1(obj) {
    let newObj = {};
    for (let key in obj) {//----->这里就需要判断二级属性
        if (typeof obj[key] === 'object') {
            newObj[key] = clone1(obj[key])//递归调用
        } else {
            newObj[key] = obj[key]
        }

    }
    return newObj
}

let e1 = clone1(e);
e1.friend.money = 9000;
console.log(e1);//----------------->money:9000
console.log(e);//--------------->money:1500  并没有改变------->说明是深复制