JavaScript Break 和 Continue 语句
JavaScript基础 2022-04-25 01:33:59小码哥的IT人生shichen
JavaScript Break 和 Continue
break 语句“跳出”循环。
continue 语句“跳过”循环中的一个迭代。
Break 语句
在本教程稍早的章节中，您已见到了 break 语句。它被用于“跳出” switch 语句。
break 语句也可用于跳出循环。
break 语句会中断循环，并继续执行循环之后的代码（如果有）：
示例代码：
for (i = 0; i < 10; i++) {
if (i === 3) { break; }
text += "数字是 " + i + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>带 break 的循环</p>
<p id="demo"></p>
<script>
var text = "";
var i;
for (i = 0; i < 10; i++) {
if (i === 3) { break; }
text += "数字是 " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
运行结果：
带 break 的循环 数字是 0 数字是 1 数字是 2
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
Continue 语句
continue 语句中断（循环中）的一个迭代，如果发生指定的条件。然后继续循环中的下一个迭代。
本例跳过值 3 ：
示例代码：
for (i = 0; i < 10; i++) {
if (i === 3) { continue; }
text += "数字是 " + i + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>这个循环在 i=3 时跳过这一步：</p>
<p id="demo"></p>
<script>
var text = "";
var i;
for (i = 0; i < 10; i++) {
if (i === 3) { continue; }
text += "数字是 " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
运行结果：
这个循环在 i=3 时跳过这一步： 数字是 0 数字是 1 数字是 2 数字是 4 数字是 5 数字是 6 数字是 7 数字是 8 数字是 9
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
JavaScript 标签
如需标记 JavaScript 语句，请将标签名和冒号置于语句之前：
label:
statements
break 和 continue 语句是仅有的可“跳出”代码块的 JavaScript 语句。
语法：
break labelname;
continue labelname;
continue 语句（不论有无标签引用）只能用于跳过一个迭代。
break 语句，如果没有标签引用，只能用于跳出一个循环或一个 switch。
如果有标签引用，则 break 语句可用于跳出任意代码块：
示例代码：
var cars = ["BMW", "Volvo", "Saab", "Ford"];
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
break list;
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript break</h2>
<p id="demo"></p>
<script>
var cars = ["BMW", "Volvo", "porsche", "Ford"];
var text = "";
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
break list;
text += cars[2] + "<br>";
text += cars[3] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
运行结果：
Javascript break BMW Volvo
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
代码块指的是 { 与 } 直接的代码片段。
课外扩展
如需更多有关 JavaScript Break 和 Continue 语句的知识，请阅读 JavaScript 高级教程中的相关内容：
- ECMAScript break 和 continue 语句
- 本节讲解了break 语句和 continue 语句的不同之处，以及如何与有标签语句一起使用。
