JavaScript 二维数组生成的多种方式汇总

在 JavaScript 中，二维数组是一种常见的数据结构，用于存储和操作多行多列的数据。下面将为您汇总多种生成二维数组的方式。

方法一：使用嵌套的循环 通过两层循环可以逐个为数组元素赋值来创建二维数组。

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

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

方法二：使用数组推导式 数组推导式可以使代码更加简洁。

let rows = 3;
let cols = 3;
let arr = [[(i * cols + j) for (let j = 0; j < cols; j++)] for (let i = 0; i < rows; i++)];
console.log(arr);

方法三：直接初始化 可以直接在代码中初始化一个二维数组。

let arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
console.log(arr);

方法四：利用 Array.from() 方法 Array.from() 方法可以根据给定的对象创建一个新的数组实例。

let rows = 3;
let cols = 3;
let arr = Array.from({length: rows}, (_, i) => Array.from({length: cols}, (_, j) => i * cols + j));
console.log(arr);

不同的生成方式在不同的场景下可能具有不同的优势。在实际开发中，根据具体的需求和代码风格选择合适的方式来生成二维数组，可以提高代码的可读性和可维护性。

无论是处理复杂的数据结构，还是进行高效的算法操作，熟练掌握这些生成二维数组的方法都将为您的 JavaScript 开发工作带来便利。希望通过本文的介绍，能够让您在面对不同的编程任务时，更加灵活地运用二维数组。