37 - 控制语句 - break 和 continue - 跳出循环与跳过本次循环

控制语句 - break 和 continue - 跳出循环与跳过本次循环

在 JavaScript 的编程世界里，循环是非常重要的工具，它可以让我们重复执行一段代码，提高编程效率。而在循环中，break 和 continue 这两个控制语句就像是两个神奇的小助手，它们能够帮助我们灵活地控制循环的执行流程。下面就让我们一起来揭开它们的神秘面纱。

break：循环的“急刹车”

break 语句就像是给循环踩了一脚急刹车，当程序执行到 break 语句时，会立即终止当前所在的循环，不再执行循环中剩余的代码，直接跳出循环，继续执行循环后面的代码。

示例代码

for (let i = 1; i <= 10; i++) {
    if (i === 5) {
        break;
    }
    console.log(i);
}
console.log("循环结束");

代码解释

在这个 for 循环中，从 i 等于 1 开始，每次循环 i 的值加 1。当 i 等于 5 时，遇到 break 语句，循环就会立即终止，不再继续执行后续的循环。所以控制台只会输出 1 到 4 的数字，然后输出“循环结束”。

continue：循环的“小跳跃”

continue 语句则像是让循环做了一次小跳跃，当程序执行到 continue 语句时，会跳过当前这次循环中 continue 语句后面的代码，直接进入下一次循环。

示例代码

for (let i = 1; i <= 10; i++) {
    if (i === 5) {
        continue;
    }
    console.log(i);
}
console.log("循环结束");

代码解释

在这个 for 循环中，同样从 i 等于 1 开始，每次循环 i 的值加 1。当 i 等于 5 时，遇到 continue 语句，程序会跳过 console.log(i) 这行代码，直接进入下一次循环，也就是 i 变为 6 继续执行。所以控制台会输出除了 5 之外的 1 到 10 的其他数字，最后输出“循环结束”。

总结表格

有趣的比喻

把循环想象成一场跑步比赛，break 就像是运动员突然受伤，不得不立刻退出比赛，不再继续跑剩下的路程；而 continue 则像是运动员在途中不小心被绊了一下，但他迅速调整状态，跳过这一小段波折，继续跑下一段路程。

通过使用 break 和 continue 这两个控制语句，我们可以更加灵活地控制循环的执行流程，让程序按照我们的意愿运行。无论是在处理数据、查找特定元素还是进行复杂的逻辑判断时，它们都能发挥重要的作用。希望大家在今后的 JavaScript 编程中，能够熟练运用这两个神奇的小助手，编写出更加高效、灵活的代码。