js创建二维数组小坑

今天在创建一个二维数组时，遇到一个小坑，最后发现是对forEach函数的理解不够深刻导致的bug，特此记录说明。

需求如下：创建一个10 x 10的二维数组

最常规的想法是，进行遍历循环

let item = new Array(10);
for( let i  = 0 ; i < 10; i++ ){item[i] = new Array(10);
}

上面的代码完全可以实现这个需求，然而当时的我想着能不能不使用for循环，使用高级一点的forEach进行循环，结果就悲剧了

let item2 = new Array(10);
item2.forEach(function(val, index){item2[index] = new Array(10);
});

想法很丰满，结果很骨感。这个item2在控制台打印出来仍旧是一个一维数组，当我尝试在forEach的回调函数中加入console.log语句时，发现这个console语句根本没有执行！！！

无奈之下，老夫前往MDN查阅了这个forEach，这不查不知道啊，一查才发现自己的无知。
下面是MDN查阅的：

从描述中我们可以看到，已删除和未初始化的项会被跳过，这也就解释了为什么我们的回调函数没有执行。而且这里还发现一个新的知识点，那就是回调函数的函数体是可以进行this绑定的。

说到这个创建二维数组，让我不禁又想到了另外一种之前尝试的错误方法。

let item3 = new Array(10).fill( new Array(10) );

是否觉得很完美。然而这种做法会有一个很大的隐患，可以理解为通过fill为一维数组的每一项填充的都是同一个new Araay(10), 所以此时你改变任意一项，其他九项都会跟着一起改变，因为它们都是指向同一个引用。

说了这么多，兄得你学到了么。

js创建二维数组小坑相关推荐

Python创建二维数组(关于list的一个小坑)
0.目录 1.遇到的问题 2.创建二维数组的办法 3.1 直接创建法 3.2 列表生成式法 3.3 使用模块numpy创建 1.遇到的问题今天写Python代码的时候遇到了一个大坑,差点就耽误我交作 ...
python 创建二维list,Python创建二维数组（关于list的一个小坑）
遇到的问题今天写Python代码的时候遇到了一个大坑,问题是这样的,我需要创建一个二维数组,如下: 输出结果如下: 是不是看起来没有一点问题? 一开始我也是这么觉得的,以为是我其他地方用错了什么函数 ...
c语言动态生成二维数组,C语言动态创建二维数组
/*C语言如何动态创建二维数组转化为一维数组申请数组,创建和释放都比较简单 */ #include #include #include #define RANK 10 #define COLUMN ...
python创建一个n*m的二维数组_Python中创建二维数组
Python中创建二维数组二维数组二维数组本质上是以数组作为数组元素的数组,即"数组的数组",类型说明符数组名[常量表达式][常量表达式].二维数组又称为矩阵,行列数相等的矩 ...
jupyter notebook多维数组运算_Python创建二维数组的正确姿势
List (列表)是 Python 中最基本的数据结构.在用法上,它有点类似数组,因为每个列表都有一个下标,下标从 0 开始.因此,我们可以使用 list[1] 来获取下标对应的值.如果我们深入下列表 ...
C语言-动态创建二维数组
文章目录 1 前言 2 动态创建的实现方法 2.1 方法1(适用于二级指针传递) 2.2 方法2(模拟C语言数组的储存方式) 1 前言参照我之前的一篇文章二维数组做函数的参数文章中提到,当我们想 ...
asp利用dictionary创建二维数组
这是asp利用dictionary创建二维数组的例子,这样做的优点是: 1.数组下标可以是字符串 2.长度不是固定的 <% '================================== ...
【收藏】scala创建二维数组并赋值
https://blog.csdn.net/weixin_46034893/article/details/114112163 scala 创建二维数组的方法跟 java 有一些区别,研究了好一会,终 ...
python 二维数组长度_Python创建二维数组的正确姿势
↑↑↑点击上方"蓝字",关注"极客猴" 如果你喜欢极客猴,可以把我置顶或加为星标题图:by watercolor.illustrations from Ins ...

js创建二维数组小坑

js创建二维数组小坑相关推荐

最新文章

热门文章