break 语句在 JavaScript 中用于终止循环或 switch case 语句。当 break 语句与循环一起使用时，控制流会跳出循环继续执行其他代码。
break 语句也可以用来跳出带有标签的语句，当它在该标签语句内部使用时。它是控制 JavaScript 代码执行流程的一个有用工具。
语法
break 语句在 JavaScript 中的语法如下：
break;
或者，
break [label];
其中 [label] 是可选的。
流程图
break 语句的流程图如下所示：
示例（for 循环中的 break 语句）
在下面的例子中，我们使用 for 循环进行迭代。我们在循环中添加了一个条件表达式使用了 if 语句。当 x 的值为 5 时，它将使用 break 语句来中断循环。
下面的代码仅打印出 1 到 4 的值作为输出。
<html>
<head>
<title>JavaScript - Break 语句</title>
</head>
<body>
<p id="output"></p>
<script>
const output = document.getElementById("output");
output.innerHTML += "进入循环。<br />";
for (let x = 1; x < 10; x++) {
if (x == 5) {
break;
}
output.innerHTML += x + "<br />";
}
output.innerHTML += "退出循环！<br />";
</script>
</body>
</html>
输出
进入循环。
1
2
3
4
退出循环！
示例（while 循环中的 break 语句）
下面的代码演示了 while 循环中 break 语句的用法。在 while 循环中，当 x 的值为 3 或者 7 时，它将使用 break 语句来终止循环。
在代码中，我们在检查条件后更新了值。因此，它首先打印出 3，然后在下一次迭代时终止循环。
<html>
<head>
<title>JavaScript - Break 语句</title>
</head>
<body>
<p id="output"></p>
<script>
let output = document.getElementById("output");
var x = 1;
output.innerHTML += "进入循环。<br />";
while (x < 10) {
if (x == 3 || x == 7) {
break;
}
x = x + 1;
output.innerHTML += x + "<br />";
}
output.innerHTML += "退出循环！<br />";
</script>
</body>
</html>
输出
进入循环。
2
3
退出循环！
嵌套循环中的 break 语句
当存在嵌套循环时，可以使用 break 语句来跳出任何循环。例如，如果在父循环中使用 break 语句，那么代码也会终止所有嵌套循环的迭代。而在嵌套循环中使用 break 语句只会终止嵌套循环本身。
示例
在下面的例子中，x 是父循环的迭代变量，而 y 是子循环的迭代变量。
在嵌套循环中，每当 y 变为 3 时，它将跳出内层循环；在外层循环中，每当 x 变为 3 时，它将跳出外层循环。你不会看到 x > 3 或 y > 2 的输出。
<html>
<head>
<title>JavaScript - Break 语句</title>
</head>
<body>
<p id="output"></p>
<script>
const output = document.getElementById("output");
output.innerHTML += "进入循环。<br />";
for (let x = 1; x < 10; x++) {
for (let y = 1; y < 10; y++) {
if (y == 3) {
break;
}
output.innerHTML += x + " " + y + "<br />";
}
if (x == 3) {
break;
}
}
output.innerHTML += "退出循环！<br />";
</script>
</body>
</html>
输出
进入循环。
1 1
1 2
2 1
2 2
3 1
3 2
退出循环！
switch case 语句中的 break 语句
switch case 语句根据条件表达式的值来执行多个代码块中的一个。break 语句会在匹配到一个或多个 case 后终止 switch case 语句。
示例
在下面的代码中，我们使用了每个 case 后的 break 语句。这里，变量 p 的值作为 switch case 语句的条件表达式。它与 case 10 匹配。因此，代码将执行那个特定的代码块，并使用 break 语句来终止 switch case 语句。
<html>
<head>
<title>JavaScript - Break 语句</title>
</head>
<body>
<p id="output"></p>
<script>
const output = document.getElementById("output");
var p = 10;
switch (p) {
case 10:
output.innerHTML = "p 是 10";
break;
case 20:
output.innerHTML = "p 是 20";
break;
case 30:
output.innerHTML = "p 是 30";
break;
default:
output.innerHTML = "p 不是 10、20 或 30";
}
</script>
</body>
</html>
输出
p 是 10