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>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

JavaScript学习指南

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

Alway.以为

给你们举个例子说明一下这两个的区别 这就跟我们下象棋一样,有些人棋品不好,眼看要输了,掀了棋盘不玩了,这就是break。 还有的人心态很好,眼看要输了,后面也甭下了,认输再来一局,这就是continue。

7年前    添加回复 1

女神的闺蜜爱上我

@Alway.以为666

7年前    添加回复 0

学习ing

谢谢楼上,重要理解了两个之间的区别

7年前    添加回复 0

大神,求带!

使用break 结束循环

7年前    添加回复 0

素颜

写一段代码,然后运行,就能理解 Break 和 Continue了

7年前    添加回复 0

break是跳出最近的一层循环吗?

[最新 迷茫 的回答] break是跳出当前的循环,如果嵌套了多层循环,包含break的循环体以及它下面所包含的循环体都会停止如(    for(条件){    break;    for(条件){}}两个for都会停止);但是包含它的依旧会循环。如(for(条件){    for(条件){        break;    }})只有第二个for循环跳出,第一个满足条件时依旧循环

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~