38 - 控制语句 - break 和 continue - 在嵌套循环中的应用

前端 - Javascript 《控制语句 - break 和 continue - 在嵌套循环中的应用》

在 JavaScript 的世界里，循环是非常重要的工具，它可以帮助我们重复执行特定的代码块。而 break 和 continue 这两个控制语句，就像是循环中的“魔法咒语”，能让我们更灵活地控制循环的执行流程。尤其是在嵌套循环中，它们的作用更加显著。接下来，我们就一起来探索一下它们在嵌套循环中的奇妙应用。

嵌套循环基础

嵌套循环，简单来说就是在一个循环内部再嵌套另一个循环。比如，我们要打印一个乘法口诀表，就可以使用嵌套循环来实现。

for (let i = 1; i <= 9; i++) {
    for (let j = 1; j <= i; j++) {
        console.log(`${j} * ${i} = ${i * j}`);
    }
}

在这个例子中，外层循环控制行数，内层循环控制每行的列数。

break 在嵌套循环中的应用

break 语句的作用是立即终止当前所在的循环。当我们在嵌套循环中使用 break 时，它只会终止离它最近的那个内层循环。

for (let i = 1; i <= 3; i++) {
    console.log(`外层循环第 ${i} 次`);
    for (let j = 1; j <= 3; j++) {
        if (j === 2) {
            break;
        }
        console.log(`  内层循环第 ${j} 次`);
    }
}

在这个例子中，当内层循环的 j 等于 2 时，执行 break 语句，内层循环就会立即终止，然后继续执行外层循环的下一次迭代。运行结果如下：

外层循环第 1 次
  内层循环第 1 次
外层循环第 2 次
  内层循环第 1 次
外层循环第 3 次
  内层循环第 1 次

continue 在嵌套循环中的应用

continue 语句的作用是跳过当前循环的剩余代码，直接进入下一次循环迭代。在嵌套循环中，它同样只影响离它最近的内层循环。

for (let i = 1; i <= 3; i++) {
    console.log(`外层循环第 ${i} 次`);
    for (let j = 1; j <= 3; j++) {
        if (j === 2) {
            continue;
        }
        console.log(`  内层循环第 ${j} 次`);
    }
}

当内层循环的 j 等于 2 时，执行 continue 语句，会跳过 console.log 语句，直接进入内层循环的下一次迭代。运行结果如下：

外层循环第 1 次
  内层循环第 1 次
  内层循环第 3 次
外层循环第 2 次
  内层循环第 1 次
  内层循环第 3 次
外层循环第 3 次
  内层循环第 1 次
  内层循环第 3 次

总结

通过以上的例子和总结，我们可以看到 break 和 continue 在嵌套循环中的应用非常灵活。合理使用它们，可以让我们的代码更加高效、简洁。在实际开发中，我们可以根据具体的需求，巧妙地运用这两个控制语句，让循环按照我们的意愿执行。