JS创建二维数组

JS创建二维数组

在JavaScript中，二维数组是由若干个一维数组组成的数组。它可以用来存储多行多列的数据，非常适合用来表示矩阵、表格等数据结构。本文将向您介绍如何使用JavaScript创建和操作二维数组。

创建二维数组

方法一：使用嵌套循环创建二维数组

可以使用嵌套循环来创建一个二维数组。例如，下面的代码创建了一个3行4列的二维数组：

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] = i * cols + j;
    }
}

console.log(arr);

运行结果：

[
  [0, 1, 2, 3],
  [4, 5, 6, 7],
  [8, 9, 10, 11]
]

方法二：使用数组的map方法创建二维数组

也可以使用数组的map方法来创建一个二维数组。下面的代码也创建了一个3行4列的二维数组：

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

console.log(arr);

运行结果：

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

访问二维数组元素

访问二维数组的元素可以通过双重索引来实现。例如，要访问二维数组arr中第2行第3列的元素，可以使用arr[1][2]。注意，在JavaScript中数组索引是从0开始计数的。

console.log(arr[1][2]); // 输出：6

遍历二维数组

可以使用嵌套循环来遍历二维数组中的所有元素。下面的代码演示了如何遍历一个3行4列的二维数组：

for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].length; j++) {
        console.log(`arr[{i}][{j}] = ${arr[i][j]}`);
    }
}

运行结果：

arr[0][0] = 0
arr[0][1] = 1
arr[0][2] = 2
arr[0][3] = 3
arr[1][0] = 4
arr[1][1] = 5
arr[1][2] = 6
arr[1][3] = 7
arr[2][0] = 8
arr[2][1] = 9
arr[2][2] = 10
arr[2][3] = 11

修改二维数组元素

可以通过双重索引来修改二维数组中的元素。例如，将第2行第3列的元素修改为100：

arr[1][2] = 100;
console.log(arr[1][2]); // 输出：100

总结

本文介绍了如何使用JavaScript创建和操作二维数组，包括创建二维数组、访问二维数组元素、遍历二维数组和修改二维数组元素等操作。