如何快速高效创建JavaScript 二维数组方法详解

创建二维数组是 JavaScript 编程中常见的操作，二维数组通常用来存储复杂的数据集合。在 JavaScript 中，一个二维数组就是由一系列行（数组）组成的数组。本文将为大家介绍几种快速、高效地创建JavaScript 二维数组的方法。

方法一：直接声明多维数组

直接声明一个多维数组是最简单，最常用的方法。只需要在 JavaScript 中定义一个二维数组其中一行的值，然后再重复这个过程即可。

//创建一个3X3的二维数组
let arr = [
    [0, 0, 0],
    [0, 0, 0],
    [0, 0, 0]
];

这个例子中，我们声明了一个名为 arr 的数组，数组中包含了三个长度为 3 的子数组。这个例子中，每个子数组初始化为 [0, 0, 0]。

方法二：使用循环

另一个高效地创建二维数组的方法是通过使用一个循环创建数组。在这个例子中，我们可以使用嵌套的循环，来创建一个 3x3 的二维数组。

//创建一个3X3的二维数组
let arr = new Array(3);
for (let i = 0; i < arr.length; i++) {
  arr[i] = new Array(3);
  for (let j = 0; j < arr[i].length; j++) {
    arr[i][j] = 0;
  }
}

这个例子中，我们首先使用 new Array(3) 创建一个长度为 3 的数组，然后在外层循环中依次初始化每个元素，使其成为一个长度为 3 的新数组。最后，在内层循环中，我们将新数组的每一项都初始化为 0。

方法三：使用 Array.from

我们还可以使用 Array.from() 方法来创建一个二维数组。这个方法接受一个类似于数组的对象，并返回一个新的 JavaScript 数组对象。我们可以在这个方法中使用标准的循环单独地初始化每个元素。

//创建一个10X10的二维数组
let arr = Array.from(Array(10), () => new Array(10).fill(0));

这个例子中，我们利用 Array.from() 方法的第一个参数创建了一个长度为 10 的空数组，然后再使用第二个参数的函数来填充这个数组。在这个函数中，我们创建了一个长度为 10 的新数组，并填充这个数组的所有元素为新元素。

以上是三种快速高效创建 JavaScript 二维数组的方法，建议在使用时根据需要选择最适合的方案。