JavaScript Brea...LOGIN

JavaScript Break 和 Continue 语句

JavaScript break 结束循环

JavaScript break 命令表示结束当前循环,然后继续执行循环之后的代码。break 一般配合 if 条件语句一起使用,如下例子:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var i=1
        for (i = 1; i<=10; i++) {
        if (i > 5) {
        break;
        }
        document.write(i + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

运行结果:

1
2
3
4
5

JavaScript continue 跳过当前循环

与 break 命令不同的是,JavaScript continue 跳过当前的循环(相当于本次循环无效)而继续下次循环,直到循环结束。

下面的例子演示了输出 1-10 之间的奇数:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var i=1
        for (i = 1; i<=10; i++) {
        if ( i % 2 == 0 ){
        continue;
        }
        document.write(i + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

运行结果:

1
3
5
7
9

提示

如上例所示,不管是 break 结束循环还是 continue 跳过当前循环,需要注意执行 break/continue 命令的位置。上面输出奇数的例子,如果将 continue 命令放在 document.write 命令之后,则无法达到我们输出奇数的结果。

JavaScript 标签

正如您在 switch 语句那一章中看到的,可以对 JavaScript 语句进行标记。

如需标记 JavaScript 语句,请在语句之前加上冒号:

label:
statements

break 和 continue 语句仅仅是能够跳出代码块的语句。

语法:

break labelname; 

continue labelname;

continue 语句(带有或不带标签引用)只能用在循环中。

break 语句(不带标签引用),只能用在循环或 switch 中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
list:{
document.write(cars[0] + "<br>"); 
document.write(cars[1] + "<br>"); 
document.write(cars[2] + "<br>"); 
break list;
document.write(cars[3] + "<br>"); 
document.write(cars[4] + "<br>"); 
document.write(cars[5] + "<br>"); 
}
</script>
</body>
</html>


下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var i=1 for (i = 1; i<=10; i++) { if ( i % 2 == 0 ){ continue; } document.write(i + "<br />"); } </script> </head> <body> </body> </html>
提交重置代码
章节课件