js 双重for循环|极客笔记

js 双重for循环

在JavaScript中，双重for循环是一种常见的循环嵌套结构，用于遍历二维数组或进行复杂的数据处理操作。在本文中，我们将详细解释双重for循环的用法、注意事项和示例代码。

基本语法

双重for循环的基本语法如下：

for (let i = 0; i < outerArray.length; i++) {
  for (let j = 0; j < outerArray[i].length; j++) {
    // 内部逻辑
  }
}

在上面的代码中，外层for循环遍历外层数组outerArray，内层for循环遍历内层数组outerArray[i]。通过这种嵌套的方式，我们可以逐个访问二维数组中的每一个元素。

注意事项

在使用双重for循环时，我们需要注意以下几点：

循环变量命名: 通常情况下，外层循环的循环变量命名为i，内层循环的循环变量命名为j。这样的命名习惯有助于代码的可读性和维护性。
循环边界: 在内层循环中，循环的边界条件应该根据当前外层循环中的元素来确定。确保不会出现数组越界的情况。
循环嵌套次数: 尽量避免过多的循环嵌套，以免影响代码的性能。如果需要多重循环操作，可以考虑使用其他数据结构或算法来优化。

示例代码

下面我们通过几个示例来演示双重for循环的用法：

示例一：遍历二维数组

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

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

运行结果：

在这个示例中，我们定义了一个3×3的二维数组matrix，然后通过双重for循环逐个输出其中的元素。

示例二：计算二维数组元素的和

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

let sum = 0;
for (let i = 0; i < matrix.length; i++) {
  for (let j = 0; j < matrix[i].length; j++) {
    sum += matrix[i][j];
  }
}

console.log(sum);

运行结果：

在这个示例中，我们通过双重for循环计算了二维数组matrix中所有元素的和，并将结果输出到控制台。