JS定义二维数组|极客笔记

JS定义二维数组

在JavaScript中，数组是一种特殊的对象，可以用来存储多个值。而二维数组则是一个数组中的元素又是一个数组，通常用于存储表格数据、矩阵等具有二维结构的信息。

二维数组的定义

在JavaScript中，我们可以用嵌套的数组来定义一个二维数组。例如，下面是一个简单的二维数组的定义：

// 定义一个二维数组
let twoDimArray = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

上面的代码定义了一个3行3列的二维数组，元素的值分别为1到9。可以看到，外层数组twoDimArray包含了三个内层数组，每个内层数组代表一行数据。

除了直接定义初始值之外，我们也可以在定义时指定数组的行数和列数，再通过循环来初始化每个元素的值。例如，定义一个3行4列的二维数组：

// 定义一个3行4列的二维数组
let rows = 3, cols = 4;
let twoDimArray = new Array(rows);
for (let i = 0; i < rows; i++) {
    twoDimArray[i] = new Array(cols);
}

// 初始化元素的值
let count = 1;
for (let i = 0; i < rows; i++) {
    for (let j = 0; j < cols; j++) {
        twoDimArray[i][j] = count++;
    }
}

// 输出二维数组
console.log(twoDimArray);

上面的代码中，我们首先定义了一个3行4列的二维数组twoDimArray，然后通过两层循环分别初始化每个元素的值，最后输出整个二维数组。运行结果如下：

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

访问二维数组元素

要访问二维数组中的某个元素，只需要通过双重索引即可。例如，要获取上面定义的二维数组twoDimArray中第2行第3列的值，可以使用以下代码:

let value = twoDimArray[1][2];
console.log("Value at row 2, col 3 is: " + value);

上面代码中，[1]表示获取第2行，[2]表示获取第3列的值。运行结果为：

Value at row 2, col 3 is: 7

如果想循环访问整个二维数组的元素，可以使用两次嵌套循环，分别遍历行和列。例如，输出二维数组twoDimArray中的所有元素：

for (let i = 0; i < rows; i++) {
    for (let j = 0; j < cols; j++) {
        console.log("Value at row " + (i+1) + ", col " + (j+1) + " is: " + twoDimArray[i][j]);
    }
}

上面的代码遍历了整个二维数组，输出了每个元素的值及其所在的行列位置。

修改二维数组元素

要修改二维数组中的某个元素，同样也是通过双重索引来实现。例如，将上面定义的二维数组twoDimArray中第1行第2列的值修改为100：

twoDimArray[0][1] = 100;
console.log(twoDimArray[0][1]); // 输出修改后的值

运行结果为：

总结

在JavaScript中，二维数组是一种常见的数据结构，可以用来存储具有二维结构的数据。通过嵌套数组的形式，我们可以方便地定义、访问和修改二维数组的元素。

JS定义二维数组