js拷贝 - 浅拷贝，深拷贝

1.浅拷贝

 含义：只拷贝最外面层的拷贝方式,

方法： object.assign(新函数，被拷贝的函数)

代码：

let obj = {
            uname : 'xxx',
            age : 22,
            sex : '男',
            color : ['red', 'blue', 'yellow', 'pink'],
            message : {
                index : 1,
                score : 99
            }
        }

        let newObj = {};

        Object.assign(newObj, obj);

        console.log( obj, newObj );

 2.深拷贝

含义：所有层都拷贝的方式

方法 ：封装函数 用for遍历 if语句判断是否为数组、对象类型

代码：

let obj = {
            uname : 'xxx,
            age : 22,
            sex : '男',
            color : ['red', 'blue', 'yellow', 'pink'],
            message : {
                index : 1,
                score : 99
            }
        }

        let newObj = {};

        function kaobei (newObj, obj) {

            for ( let key in obj ) {

                if ( obj[key] instanceof Array ) {// obj[key] 是数组
                     // obj[key]是数组，遍历
                     newObj[key] = [];
                     kaobei(newObj[key], obj[key]);
                } else if ( obj[key] instanceof Object ) { // obj[key]是对象
                    // obj[key]是对象，遍历
                    newObj[key] = {};
                    kaobei(newObj[key], obj[key]);
                } else {
                    newObj[key] = obj[key];
                }

            }

        }

        kaobei(newObj, obj);

        obj.message.score = 123;

        console.log( obj, newObj );
 

原文地址：https://www.jb51.cc/wenti/3280188.html