Javascript中复制一个数组主要有以下几种方法。

1
2
3
4
5
6
var source = [1, [2, 3]];  
var copy1 = [...source],  
    copy2 = source.concat(),  
    copy3 = source.slice(),  
    copy4 = [];  
Object.assign(copy4, source);

但以上都是浅拷贝，即如果数组中包含数组或对象，则复制的是该数组或对象的地址，也就是只复制了“一层”。如果改变复制后数组内子数组或子对象的值，原数组也会改变，如下。

1
2
copy3[1][0] = 3;  
console.log(source);//[ 1, [ 3, 3 ] ]

思路：当复制数组或对象时，需要遍历其所有子元素。若子元素为数组或对象则继续遍历其子元素的子元素。因此应采用递归的方法实现深拷贝，代码如下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function deepCopy(source) {  
    //出口条件  
    if (typeof source !== "object") {  
        return source;  
    } else {  
        var newObj;  
        if (source instanceof Array) {  
            newObj = [];  
        } else {  
            newObj = {};  
        }  
        for (let i in source) {  
            //i是source的键  
            if (typeof source[i] !== "object"){  
                newObj[i] = source[i];  
            } else {  
                newObj[i] = deepCopy(source[i]);  
            }  
        }  
        return newObj;  
    }  
}

补充：
typeof返回变量类型，无法区分数组、对象和null（都返回object），NaN和数字（都返回number）。

1
2
3
4
5
6
7
8
9
10
typeof 1;//number  
typeof NaN;//number  
typeof "a";//string  
typeof true;//boolean  
typeof [1,2];//object  
typeof {a: 1};//object  
typeof null;//object  
typeof undefined;//undefined  
function test () {}  
typeof test;//function