javaScript深拷贝与浅拷贝

浅拷贝 

只拷贝了数据对象的第一层，深层次的数据值与原始数据会互相影响（拷贝后的数据与原始数据还存有关联）

        let obj = {
            name: '张三',
            age: 18,
            garden: '男',
            hobby: ['游戏', '篮球'],
            city: {
                city1: '江西',
                city2: '深圳',
            }
        }
        //创建新空间
        let newobj = {}
        //浅拷贝
        for(let key in obj){
            newobj[key] = obj[key]
        }
        obj.name = '李四'
        console.log(obj,newobj);

 

深拷贝

不管数据对象有多少层，改变拷贝后的值都不会影响原始数据的值。（拷贝后的数据与原始数据毫无关系）

        let obj = {
            name: '张三',
            age: 18,
            garden: '男',
            hobby: ['游戏', '篮球'],
            city: {
                city1: '江西',
                city2: '深圳',
            }
        }
        //深拷贝必须要用递归
        let newobj = {}
        function deepCopy(newDate, oldData) {
            for (let key in oldData) {
                if (Object.prototype.toString.call(oldData[key]) === '[object Object]') {
                    // console.log('1', oldData[key]);
                    //在新数组创建一个名字一样的数组
                    newDate[key] = []
                    //递归
                    deepCopy(newDate[key],oldData[key])
                } else if (Object.prototype.toString.call(oldData[key]) === '[object Array]') {
                    // console.log('2', oldData[key]);
                    newDate[key] = {}
                    //递归
                    deepCopy(newDate[key],oldData[key])
                }else{
                    // console.log(oldData[key]);
                    newDate[key] = oldData[key]
                }

            }
        }
        deepCopy(newobj, obj)
        newobj.name = '李四'
        newobj.city.city2 = '揭阳'
        newobj.hobby[1] = '足球'
        console.log(obj, newobj);