JavaScript创建二维数组踩坑记录

需求：创建一个m*n且元素值为0的二维数组

碎碎念

1、

今天刷Leetcode时，遇见一个这样的需求，机智如我，定然不会通过双重for循环来创建，于是，我写了这样一行代码
const dimensionalArray = new Array(m).fill(new Array(n).fill(0));
乍一看没有问题，但在修改数组里的值时，问题就暴露出来了

可以看到，我明明只打算修改一个数组元素，却变成了修改一列元素。不难联想到，这3个字数组指向的是同一个数组元素的地址；

2、
看来还得老老实实遍历数组，再为每个数组元素创建一个新数组，修改如下
const dimensionalArray = new Array(m).fill(0).map(() => new Array(n).fill(0))
再来验证一下

问题解决，这里要注意一点，new Array(m)只是生成一个长度为m的数组，但是数组里的元素是空的，所以要用fill()填充一个元素后再进行遍历

3、
除了用 new Array()生成数组，还可以用Array.from()，你知道吗，Array.from()中可以使用箭头函数哟 MDN-Array.from()
const dimensionalArray = Array.from({length:m},() => new Array(n).fill(0));

验证成功

总结

创建一个m*n且元素值为0的二维数组方法如下
方法1、
new Array(m).fill(0).map(() => new Array(n).fill(0))
方法2、
Array.from({length:m},() => new Array(n).fill(0));