JavaScript 中 Break 与 Continue 语句的区别

核心概念概述

break 和 continue 是 JavaScript 中专门用于控制循环执行流程的声明。它们虽然只影响循环内部的行为，但能显著改变程序的运行路径和最终结果。

第1步：理解 Break 的行为目的

break 语句的作用是彻底终止当前所在的循环。一旦执行到 break，循环将立即停止，程序控制权会转移到循环体之后的第一行代码（如果存在后续代码的话）。

适用场景：当满足某个特定条件时，你希望完全退出循环，不再处理剩余的元素或迭代。

第2步：理解 Continue 的行为目的

continue 语句的作用是跳过当前这一次循环迭代的剩余部分。它不会终止整个循环，而是直接跳到循环的下一步（例如更新计数器并检查循环条件），从而继续执行后续的迭代。

适用场景：当你需要忽略某些不符合条件的数据，但希望循环继续进行以处理其他数据时使用。

代码实例对比

为了直观展示两者的区别，以下使用两个简单的 for 循环进行演示。

Break 实例：终止循环

在下面的例子中，当数字等于 3 时，循环将被立即打断，输出结果只包含 0、1 和 2。

// 使用 break 终止循环
for (let i = 0; i <= 5; i++) {
  if (i === 3) {
    break; // 当 i 为 3 时，退出循环
  }
  console.log("The number is " + i);
}

输出结果：

The number is 0
The number is 1
The number is 2

Continue 实例：跳过当前迭代

在下面的例子中，当数字等于 3 时，console.log 不会被执行，但循环会继续进行，直到 i 达到 5。因此，3 不会被打印出来，但后面的 4 和 5 会被正常打印。

// 使用 continue 跳过本次迭代
for (let i = 0; i <= 5; i++) {
  if (i === 3) {
    continue; // 当 i 为 3 时，跳过本次剩余代码，进入下一次循环
  }
  console.log("The number is " + i);
}

输出结果：

The number is 0
The number is 1
The number is 2
The number is 4
The number is 5

完成判断与总结

判断是否正确使用这两个语句，可以观察最终的控制台输出：break 会导致列表截断，而 continue 仅移除个别项。简单来说，break 是“全部停止”，continue 是“跳过这一个”。在实际编程中，根据业务逻辑灵活选择，能有效简化复杂的条件判断嵌套。

以上就是 JavaScript Break 和 Continue 区别教程的详细内容，更多关于 JavaScript 循环控制的资料请关注本站其它相关文章！