如何在 JavaScript 中创建一个由零组成的二维数组？

Question

有没有一种简单的方法可以在 JavaScript 中以编程方式创建二维数组？

我不想要什么：

var array2D = [ 
  [0,0,0],
  [0,0,0],
  [0,0,0]
]

Answer 1

2017 年解决方案：

虽然迟到了，但这篇文章在 Google 搜索结果中的排名仍然很高。

要创建给定大小的空二维数组（可适应更多维度）：

let array = Array(rows).fill().map(() => Array(columns));

预填充二维数组：

let array = Array(rows).fill().map(() => Array(columns).fill(0));

例如：

Array(2).fill().map(() => Array(3).fill(42));
// Result:
// [[42, 42, 42],
//  [42, 42, 42]]

警告：

Array(rows).fill(Array(columns)) 将导致所有行都是对同一数组的引用！

2018 年 9 月 24 日更新（感谢 @Tyler）：

另一种可能的方法是使用 Array.fill() 来应用地图函数。

例如：

Array.from(Array(2), _ => Array(3).fill(43));
// Result:
// [[43, 43, 43],
//  [43, 43, 43]]

基准：

https://jsperf.com/multi-Dimension-array -map-vs-fill/5

Answer 2

好吧，您可以编写一个辅助函数：

function zeros(dimensions) {
    var array = [];

    for (var i = 0; i < dimensions[0]; ++i) {
        array.push(dimensions.length == 1 ? 0 : zeros(dimensions.slice(1)));
    }

    return array;
}

> zeros([5, 3]);
  [[0, 0, 0], [0, 0, 0], [0, 0, 0], [0, 0, 0], [0, 0, 0]]

Bonus：处理任意数量的维度。

Answer 3

您可以使用以下函数创建二维零数组：

const zeros = (m, n) => [...Array(m)].map(e => Array(n).fill(0));

console.log(zeros(3, 4));

// [ [ 0, 0, 0, 0 ],
//   [ 0, 0, 0, 0 ],
//   [ 0, 0, 0, 0 ] ]

Answer 4

function zero2D(rows, cols) {
  var array = [], row = [];
  while (cols--) row.push(0);
  while (rows--) array.push(row.slice());
  return array;
}

Answer 5

对于初学者来说，这是一种简洁、易于理解的方法：

function twoDarrMaker(row, col) {
  const twoDarr = [];

  for (let i = 0; i < row; i++) {
    let subarray = [];

    for (let j = 0; j < col; j++) {
      subarray.push(0);
    }

    twoDarr.push(subarray);
  }

  return twoDarr;
}

twoDarrMaker(3, 2);
// [
//   [ 0, 0 ],
//   [ 0, 0 ],
//   [ 0, 0 ]
// ]

编辑：这是我的代码的解释。您创建一个数组 twoDArr 来保存二维数组或数组的数组。您使用外部 for 循环来创建子数组。然后使用内部 for 循环向子数组添加零。然后将子数组添加到外部数组 twoDarr 中。然后，重复该过程，无论外部 for 循环指定多少次。当外部 for 循环完成时，返回二维数组。

基本上，外部 for 循环创建行（子数组），而内部 for 循环创建列（子数组中的元素）。外部 for 循环告诉您通过重复块中的代码 x 次来创建 x 行（子数组），内部 for 循环告诉您创建 y 列（元素），方法是重复块中的代码 y 次。