JavaScript break 语句
JavaScript break 语句
实例
在这个例子中，我们将 for 循环与 break 语句一起使用。
循环一段代码，但当变量 i 等于 "3" 时退出循环：
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i === 3) {
break;
}
text += "The number is " + i + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可进行带中断的循环。循环应该输出数字 0 到 4，但是当变量 i 等于“3”时，break 语句退出循环。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i;
for (i = 0; i < 5; i++) {
if (i === 3) {
break;
}
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 TIY 实例。
定义和用法
break 语句退出 switch 语句或循环（for、for ... in、while、do ... while）。
当 break 语句与 switch 语句一起使用时，它会跳出 switch 块。这将停止在块内执行更多代码和/或 case 测试。
在循环中使用 break 语句时，它会中断循环并继续执行循环后的代码（如果有）。
break 语句还可以与可选的标签引用一起使用，以“跳出”任何 JavaScript 代码块（请参阅下面的“更多实例”）。
注释：如果不引用标签，break 语句只能在循环或 switch 中使用。
浏览器支持
| 语句 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| break | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
break;
使用可选的标签引用：
break labelname;技术细节
| JavaScript 版本： | ECMAScript 1 |
|---|
更多实例
示例代码：
在本例中，我们将 while 循环与 break 语句一起使用。
循环一段代码，但当变量 i 等于 "3" 时退出循环：
var text = "";
var i = 0;
while (i < 5) {
text += "<br>The number is " + i;
i++;
if (i === 3) {
break;
}
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可进行带 break 的循环。循环应该输出数字 0 到 4，但是当变量 i 等于“3”时，break 语句退出循环。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i = 0;
while (i < 5) {
text += "<br>The number is " + i;
i++;
if (i === 3) {
break;
}
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
跳出 switch 块以确保只执行一个 case：
var day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮来显示今天是哪一天。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
}
document.getElementById("demo").innerHTML = "Today is " + day;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
使用带有标签引用的 break 语句“跳出”一个 JavaScript 代码块：
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
break list;
text += cars[3] + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
break list;
text += cars[3] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
使用带有标签引用的 break 语句“跳出”嵌套的 for 循环：
var text = "";
var i, j;
Loop1: // 第一个 for 循环被标记为 "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
Loop2: // 第二个 for 循环被标记为 "Loop2"
for (j = 0; j < 5; j++) {
if (j === 2) {
break Loop1;
}
document.getElementById("demo").innerHTML = text += j + " ";
}
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>在本例中，break 语句引用标记为 "Loop1" 的 for 循环。当 j 等于 2 时，break 语句“跳出” Loop1。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i, j;
Loop1: // 标记为 "Loop1" 的第一个 for 循环
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
Loop2: // 标记为 "Loop2" 的第二个 for 循环
for (j = 0; j < 5; j++) {
if (j === 2) {
break Loop1;
}
document.getElementById("demo").innerHTML = text += j + " ";
}
}
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
相关页面
JavaScript 教程：JavaScript Break 和 Continue
JavaScript 教程：JavaScript For 循环
JavaScript 教程：JavaScript While 循环
JavaScript 教程：JavaScript Switch
JavaScript 参考手册：JavaScript continue 语句
JavaScript 参考手册：JavaScript for 语句
JavaScript 参考手册：JavaScript while 语句
JavaScript 参考手册：JavaScript switch 语句
