TypeScript（JavaScript）二维数组深拷贝

最近遇到一个二维数组深拷贝的问题，原以为和一维数组深拷贝一样，实际上被打脸了。

代码如下：

        //一维数组深拷贝
        let num1: number[] = [1,2,3,4];
        let num2: number[] = num1.concat();
        num2[0] = 6;
        num2.push(5);
        console.log("num1:" + num1);
        console.log("num2:" + num2);

        //二维数组“深”拷贝？
        let num3: number[][] = [[1,2,3,4], [5,6,7,8]];
        let num4: number[][] = num3.concat();
        num4[0][0] = 6;
        console.log("num3[0]:" + num3[0]);
        console.log("num4[0]:" + num4[0]);

输出如下：

  

从输出日志可以看出，一维数组使用concat方法是能实现深拷贝的，但是二维数组是不行的。

我的理解：concat方法只会深拷贝一维里面的数据，当要拷贝的数组是一维的时候，能达到我们预期的效果。当要拷贝的数组是二维的时候，由于二维数组的第一维里面存放的是第二维数组的地址，而第二维里面数据才是我们要拷贝的内容。所以才会出现上述日志中的num3[0]和num4[0]是同一个引用的结果。

那么要如何实现二维数组的深拷贝呢？

        let num3: number[][] = [[1,2,3,4], [5,6,7,8]];
        let num4: number[][] = num3.concat();
        let num5: number[][] = [];
        for(let index: number = 0; index < num3.length; index++){
            let temp: number[] = num3[index].concat();
            num5.push(temp);
        }

用for循环一个个拷贝一维数组就行了。