JavaScript原生仅支持一维数组，创建二维数组需借助特定技巧。本文介绍利用一维数组嵌套及双层for循环遍历的标准方法，重点分析使用Array.prototype.fill创建二维数组时因引用共享导致的修改陷阱，并提供安全的初始化方案。
JavaScript中二维数组的创建方法
尽管JavaScript语言本身只内置了一维数组的支持，但开发者可以通过特定的编码技巧来实现矩阵或多维数组的结构。
在常规的创建场景中，只要遵循正确的逻辑，通常不会遇到明显的问题。
第一种常见方式是采用一维数组嵌套一维数组的结构来构建二维数组。
let arr = [] ;
a[0] = [1,2,3,4,5,6];
a[1] = [10,20,30,40,50,60]
构建完成后，通过编写双层for循环即可遍历该二维数组中的各个元素。
这种嵌套方式的优势在于，无论数组有多少个维度，都可以统一通过嵌套循环来进行遍历操作。
然而，在使用某些便捷方法时容易遇到意外情况。
let arr1= new Array(10).fill(new Array(10).fill(0))
在控制台打印arr1的结果时，可能会观察到非预期的行为。
此时，如果尝试执行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;
}
}
至此，关于JavaScript中二维数组的创建技巧及相关注意事项已介绍完毕。如需了解更多JavaScript二维数组相关内容，建议查阅本站历史文章或继续阅读后续相关教程，感谢大家的支持。