快捷搜索: 王者荣耀 脱发

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()中可以使用箭头函数哟 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));

经验分享 程序员 微信小程序 职场和发展