JS拷贝的几种方法

浅拷贝

1. （1）对于数组类型，可以使用slice(start, end)方法，返回一个新的数组。var arr1 = arr.slice(0);

（备注：slice 方法一直复制到 end 所指定的元素，但是不包括该元素。如果 start 为负，将它作为 length + start处理；如果 end 为负，就将它作为 length + end 处理；如果省略 end ，那么 slice 方法将一直复制到数组结尾；如果 end 出现在 start 之前（即end<start），则不复制任何元素）

   （2）数组类型还可以使用concat()方法，var arr1 = arr.concat();

（备注：concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。）

   （3）对于对象类型，可以使用Object.assign({},obj)，拷贝到一个新的对象上。

2. 使用ES6语法的扩展运算符，就是...

 let arr1 = [...arr]; 

let obj1 = {...obj};

深拷贝

1.通过JSON.stringify()和JSON.parse()方法。（弊端：不能拷贝function等）

 

// 通过js的内置对象JSON来进行数组对象的深拷贝
function deepClone2(obj) {
    var _obj = JSON.stringify(obj);
    var objClone = JSON.parse(_obj);
    return objClone;
}

2. 遍历,就是把对象的属性遍历一遍，赋给一个新的对象。

以下代码是不会栈溢出的优化代码。

function cloneDeep5(x) {
    const root = {};
    // 栈
    const loopList = [
        {
            parent: root,
            key: undefined,
            data: x,
        }
    ];

    while(loopList.length) {
        // 广度优先
        const node = loopList.pop();
        const parent = node.parent;
        const key = node.key;
        const data = node.data;

        // 初始化赋值目标，key为undefined则拷贝到父元素，否则拷贝到子元素
        let res = parent;
        if (typeof key !== 'undefined') {
            res = parent[key] = {};
        }

        for(let k in data) {
            if (data.hasOwnProperty(k)) {
                if (typeof data[k] === 'object') {
                    // 下一次循环
                    loopList.push({
                        parent: res,
                        key: k,
                        data: data[k],
                    });
                } else {
                    res[k] = data[k];
                }
            }
        }
    }

    return root;
}