Javascript - 生成空的二维数组

在Javascript中，生成空的二维数组有不同的方法。本文将为大家介绍一些常用的方法及代码实现。

方法一 - 使用循环

使用循环可以方便地创建一个空的二维数组，其代码如下：

let rows = 3;
let cols = 4;
let arr = [];

for (let i = 0; i < rows; i++) {
  arr[i] = [];

  for (let j = 0; j < cols; j++) {
    arr[i][j] = null;
  }
}
console.log(arr);

以上代码以创建一个 3 x 4 的二维数组为例。循环遍历每个元素，并将其初始化为 null。

方法二 - 使用 Array.from 方法

在ES6中，我们可以使用 Array.from 方法来创建一个空的二维数组，其代码如下：

let rows = 3;
let cols = 4;
let arr = Array.from({ length: rows }, () => new Array(cols).fill(null));
console.log(arr);

以上代码同样以创建一个 3 x 4 的二维数组为例。使用 Array.from 方法创建一个长度为 rows 的数组，并在每个元素里使用 new Array(cols).fill(null) 创建一个长度为 cols 的数组，将元素初始化为 null。

方法三 - 使用 Array.fill 方法

使用 Array.fill 方法可以创建一个给定大小的二维数组，如下所示：

let rows = 3;
let cols = 4;
let arr = new Array(rows).fill().map(() => new Array(cols).fill(null));
console.log(arr);

以上代码同样以创建一个 3 x 4 的二维数组为例。使用 new Array(rows).fill() 创建一个大小为 rows 的数组，使用 .map 方法依次操作数组中的每个元素，并使用 new Array(cols).fill(null) 创建一个大小为 cols 的数组，将元素初始化为 null。

以上就是三种常用的方法生成空的二维数组的方法，可以根据实际需求选择不同的方法。