JavaScript break 语句

概述：在本教程中，您将学习如何使用 JavaScript break 语句来提前终止循环。

标签语句

在 JavaScript 中，您可以为语句添加标签以便稍后使用。以下是 label 语句的语法

label: statement;Code language: HTTP (http)

在这个语法中，标签可以是任何有效的标识符。例如，以下代码展示了如何使用 outer 标签标记一个 for 循环

outer: for (let i = 0; i < 5; i++) {
    console.log(i);
}Code language: JavaScript (javascript)

定义标签后，您可以在 break 或 continue 语句中引用它。

JavaScript break 语句简介

break 语句会提前终止循环，例如 for、do...while 和 while 循环，以及 switch 或 label 语句。以下是 break 语句的语法

break [label];Code language: JavaScript (javascript)

在这个语法中，label 是可选的，如果您在循环或 switch 中使用 break 语句。但是，如果您在标签语句中使用 break 语句，则需要指定它。

本教程重点介绍如何使用 break 语句提前终止循环。

在 for 循环中使用 JavaScript break 语句

以下 for 循环语句输出从 0 到 4 的五个数字

for (let i = 0; i < 5; i++) {
  console.log(i);
}
Code language: JavaScript (javascript)

输出

0
1
2
3
4

要提前终止 for 循环，可以使用 break 语句。例如，以下代码演示了如何在 for 循环中使用 break 语句

for (let i = 0; i < 5; i++) {
  console.log(i);
  if (i == 2) {
    break;
  }
}Code language: JavaScript (javascript)

输出

0
1
2

在这个例子中，我们在循环内部使用了 if 语句。如果 i 的当前值为 2，if 语句将执行 break 语句，该语句会终止循环。

以下流程图展示了 break 语句在 for 循环中的工作原理

使用 break 语句终止嵌套循环

嵌套循环是指一个循环包含在另一个循环中。例如，以下代码使用嵌套的 for 循环输出从 1 到 3 的一对数字

for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log(i, j);
  }
}
Code language: JavaScript (javascript)

输出

1 1
1 2
1 3
2 1
2 2
2 3
3 1
3 2
3 3

如果您在内部循环中使用 break 语句，它只会终止封闭循环。例如

for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (i + j == 4) {
      break;
    }
    console.log(i, j);
  }
}
Code language: JavaScript (javascript)

输出

1 1
1 2
2 1

在这个例子中，如果 i 和 j 的总和为 4，break 语句会终止内部循环。要终止嵌套循环，您可以使用标签语句。例如

outer: for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (i + j == 4) {
      break outer;
    }
    console.log(i, j);
  }
}Code language: JavaScript (javascript)

输出

1 1
1 2

在这个例子中，我们用标签 outer 标记了外部循环。在内部循环中，我们在 break 语句中指定了 outer 标签。如果 i 和 j 的总和为 4，break 语句会终止嵌套循环。

在 while 循环中使用 JavaScript break 语句

以下代码使用 while 循环将从 1 到 5 的五个数字输出到控制台

let i = 0;

while (i < 5) {
  i++;
  console.log(i);
}Code language: JavaScript (javascript)

输出

1
2
3
4
5

与 for 循环一样，break 语句可以提前终止 while 循环。例如

let i = 0;

while (i < 5) {
  i++;
  console.log(i);
  if (i == 3) {
    break;
  }
}Code language: JavaScript (javascript)

输出

1
2
3

在这个例子中，当 i 的当前值为 3 时，break 语句会终止循环。因此，您在输出中只看到三个数字。

以下流程图展示了 break 语句在 while 循环中的工作原理

在 do…while 循环中使用 JavaScript break 语句

以下示例使用 do...while 语句将从 0 到 5 的五个数字输出到控制台

let i = 0;

do {
  i++;
  console.log(i);
} while (i < 5);
Code language: JavaScript (javascript)

输出

1
2
3
4
5

与 while 循环一样，您可以使用 break 语句来终止 do...while 循环。例如

let i = 0;

do {
  i++;
  console.log(i);
  if (i == 3) {
    break;
  }
} while (i < 5);
Code language: JavaScript (javascript)

输出

1
2
3

以下流程图展示了 break 语句在 do while 循环中的工作原理

总结

• 使用 break 语句提前终止循环，包括 for、while 和 do...while。
• 在嵌套循环中使用时，break 语句会终止封闭循环。要终止嵌套循环，您可以使用标签语句。