需求：创建一个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));
验证成功文章来源：https://www.toymoban.com/news/detail-474956.html
总结
创建一个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));文章来源地址https://www.toymoban.com/news/detail-474956.html
到了这里，关于JavaScript创建二维数组踩坑记录的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
