js创建二维数组遇到的坑

前言

JavaScript如何创建二维数组呢？遇到个方法，看起来很酷，但实际上，有坑

有坑的方法

代码如下所示：

var arr = new Array(10).fill(new Array(10).fill(0))

控制台打印arr

这时候，若你想设置，arr[0][0] = 1，你会发现二维数组所有子数组的第一项都被改为1

这便是坑了，你只想改成第一个子数组中的第一项，却一下子改变了所有子数组的第一项

拒绝坑，从老实码代码做起

var a = new Array();

for(var i=0;i<5;i++){        //一维长度为5

    a[i] = new Array();

    for(var j=0;j<5;j++){    //二维长度为5

    	a[i][j] = 0;
   }

}

控制台打印a，输出如下所示

更改a[0][0] = 1，再次打印a，输出如下所示

优化代码

如何让创建二维数组更简洁些呢？如下所示

var arr = new Array(10); //表格有10行
for(var i = 0;i < arr.length; i++){
 arr[i] = new Array(10).fill(0); //每行有10列
}

控制台输出结果

更改arr[0][0] = 1，再次打印arr，输出如下所示

达到了我们预期的结果，撒花完结~~