JavaScript控制流中的 Break 和 Continue

Javascript教程 2025-10-22

介绍

在 JavaScript    中,控制流语句在确定代码执行顺序方面起着至关重要的作用。在这些语句中,breakcontinue在循环中使用时非常重要。虽然它们看起来很简单,但有效地使用它们可以显著提高程序的性能和可读性。

break本综合指南将帮助您了解和的用途continue,向您展示何时使用每个功能,并提供示例以有效地说明它们的用法。

您将学到什么

在本指南中,我们将介绍:

  1. break 和 continue 的定义和语法

  2. 'break' 在不同的循环结构中如何工作

  3. “continue”如何改变循环执行

  4. “break” 和 “continue” 之间的区别

  5. 常见用例和真实示例

  6. 最佳实践以及何时避免它们

让我们开始吧。

理解中断

什么是休息?

break 语句立即终止当前循环或 switch 语句。它暂停循环的执行,并将控制权转移到循环之后的代码。

句法

break;

示例 1:打破 for 循环

for (let i = 1; i <= 10; i++) {
  if (i === 5) {
    break; // Exit loop when i is 5
  }
  console.log(i);
}

输出:

1234

一旦 i 的值为 5,循环就会继续breaks,并且程序会继续执行循环之外的操作。

示例 2:中断 while 循环

let count = 0;
while (count < 10) {
  if (count === 3) {
    break;
  }
  console.log(count);
  count++;
}

输出:

012

理解继续

什么是继续?

continue 语句跳过当前循环并跳转到下一个循环。与 break 不同,break 会暂停整个循环,而 continue 只会忽略当前循环步骤。

句法

continue;

示例 3:在循环中跳过值

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue; // Skip printing when i is 3
  }
  console.log(i);
}

输出:

1245

当 i 达到 3 时,循环跳过记录并直接进入下一次迭代。

break 与 continue:主要区别

实际示例:搜索项目

使用break

const fruits = ["apple", "banana", "mango", "orange"];
for (let i = 0; i < fruits.length; i++) {
  if (fruits[i] === "mango") {
    console.log("Found mango!");
    break;
  }
  console.log("Checking:", fruits[i]);
}

输出:

Checking: appleChecking: bananaFound mango!

一旦找到芒果,循环就结束。

使用continue

for (let i = 0; i < fruits.length; i++) {
  if (fruits[i] === "banana") {
    continue; // Skip banana
  }
  console.log("Fruit:", fruits[i]);
}

输出:

Fruit: appleFruit: mangoFruit: orange

最佳实践

  1. break当您完成搜索或处理并且不需要进一步迭代时使用。

  2. 选择continue何时应忽略条件并且循环应继续运行。

  3. 尽量不要在复杂的循环中过度使用 break 或 continue 语句,因为它们会使您的代码更难理解。

  4. 为了更清晰的控制流,请考虑将代码分解为更小的函数或重构逻辑。

结论

掌握breakcontinue对于在 JavaScript 中编写干净高效的循环至关重要。

这些语句可让您微调循环行为,无论您需要跳过特定条件还是提前结束执行。

充分利用它们可以使您的 JavaScript 逻辑更加智能、更加有效。