JavaScript - 嵌套循环

在 JavaScript 中，一个循环嵌套另一个循环称为嵌套循环。在迭代多维数组或矩阵时，我们需要使用嵌套循环。当我们需要对数组的每个元素执行重复操作时，我们会使用嵌套数组。

JavaScript 中的嵌套循环

假设我们有两个数组，一个是行数组，另一个是列数组。我们可以使用嵌套循环来迭代行数组的每个元素，然后迭代列数组的每个元素。

嵌套循环的语法

以下是 JavaScript 中嵌套循环的语法。

for (let i = 0; i < rows.length; i++) {
   for (let j = 0; j < columns.length; j++) {
      // 需要执行的代码块
   }
}

使用 for 循环进行嵌套循环

以下代码片段演示了如何使用嵌套 for 循环。

let rows = [1, 2, 3];
let columns = [4, 5, 6];

for (let i = 0; i < rows.length; i++) {
   for (let j = 0; j < columns.length; j++) {
      console.log(rows[i] + " " + columns[j]);
   }
}

输出

1 4
1 5
1 6
2 4
2 5
2 6
3 4
3 5
3 6

我们有两个数组，一个是行数组，另一个是列数组。我们使用嵌套循环来迭代行数组的每个元素，然后迭代列数组的每个元素。

使用 while 循环的嵌套循环

我们可以使用 while 循环(与 for 循环相同)来迭代数组元素。以下代码片段展示了如何使用嵌套 while 循环。

let rows = [1, 2, 3];
let columns = [4, 5, 6];

let i = 0;
while (i < rows.length) {
   let j = 0;
   while (j < columns.length) {
      console.log(rows[i] + " " + columns[j]);
      j++;
   }
   i++;
}

输出

1 4
1 5
1 6
2 4
2 5
2 6
3 4
3 5
3 6

我们有两个数组，一个是行数组，另一个是列数组。我们使用嵌套循环来迭代行数组的每个元素，然后迭代列数组的每个元素。