js二维数组定义和初始化的三种方法总结

这里是对于 "JS二维数组定义和初始化的三种方法总结" 的详细讲解：

一、什么是二维数组？

在 Javascript 中，二维数组其实是由多个一维数组组成的，也就是一个二维数组在本质上就是一个由多个一维数组组成的数组。它可以被看做是一个表格，其中每个元素由两个索引来确定，一个用于确定行，一个用于确定列。

二、具体的三种定义和初始化方式

1. 使用数组字面量的方式

二维数组中，最原始的定义和初始化方法，就是通过使用数组字面量的方式进行创建，具体示例代码如下：

var array = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

通过上述方式，我们可以看到数组中有三个元素，每个元素组成了一个一维数组，这样我们就达到了一个二维数组的目的。当我们需要访问这个二维数组中的元素时，就可以使用数组的下标进行访问，例如：

console.log(array[0][1]); // 输出结果为 2

2. 使用循环创建

当我们需要动态地创建一个二维数组时，可以使用循环创建的方式，具体代码如下：

var rows = 4;
var cols = 3;
var array = new Array(rows);
for (var i = 0; i < rows; i++) {
    array[i] = new Array(cols);
    for (var j = 0; j < cols; j++) {
        array[i][j] = i * cols + j;
    }
}

上述代码中，我们首先定义了二维数组的行和列，然后通过循环的方式进行数组元素的初始化，具体的过程就是在外层循环中，创建一个一维数组作为该二维数组的一行，然后在内层循环中，对该一维数组进行初始化赋值即可。

3. 使用 concat 和 apply 方法

有时候，我们可能需要将两个已有的一维数组合并成一个二维数组。此时，我们可以使用 concat 和 apply 方法来做到这点，具体代码如下：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var array = [].concat.apply([], [arr1, arr2]);

上述代码中，我们首先将两个一维数组存放到一个数组中，然后将这个存放了两个一维数组的数组，通过 apply 方法传递给 concat 方法，最后得到的结果就是一个二维数组。

三、总结

通过以上的讲解，我们可以知道二维数组的定义和初始化方法一共有三种。当我们需要静态地创建一个二维数组时，使用数组字面量的方式是最方便的；当我们需要动态地创建时，使用循环创建就可以实现了；最后，如果需要将两个已有的一维数组合并成一个二维数组时，使用 concat 和 apply 方法，可以让我们的代码更加简洁易懂。

希望上述讲解能够对你有所帮助。