js 数组的深浅拷贝

数组的浅拷贝与深拷贝
浅拷贝只复制第一层，深拷贝全部复制

浅拷贝：

// es6
const arr1 = [1, 2, 3, [4, 5, 6]];
const [...arr2] = arr1;

// es5 
var arr1 = [1, 2, 3, [4, 5, 6]];
var arr2 = arr1.slice();

arr2.push(7);
arr2[3].push(7);


arr1 // [1, 2, 3, [4, 5, 6, 7]];
arr2 // [1, 2, 3, [4, 5, 6, 7], 7];

深拷贝（需使用递归）：

const arrayDeep = (targetArray) => {

    const array = [];

    targetArray.map(item => {   

        if(Object.prototype.toString.call(item) === '[object Object]') {

            const obj = {};

            for(let i in item) {
                obj[i] = item[i];
                // 对象属性为数组
                if(Object.prototype.toString.call(item[i]) === '[object Array]') {
                    obj[i] = arrayDeep(item[i]);    
                }
            }

            array.push(obj);

        }else if(Object.prototype.toString.call(item) === '[object Array]') {
            //多维数组，递归
            array.push(arrayDeep(item)); 

        }else {

            array.push(item);

        }
    });

    return array;

}

const arrays = [{a: 2}, {b: 5, child:[{c: 3}, {d: 4}]}, {f:7}, "333", 5, ['wqfe', {e:7}]];

const arr = arrayDeep(arrays);

arr[5][1].e = 5;

console.log(arr[5][1].e); //5

console.log(arrays[5][1].e); //7