JavaScript break 和 continue 语句

简介: JavaScript break 和 continue 语句

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。


break 语句

我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。

break 语句可用于跳出循环。

break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):

实例

for (i=0;i<10;i++){    if (i==3)    {        break;     }    x=x + "The number is " + i + "<br>";}


尝试一下 »

由于这个 if 语句只有一行代码,所以可以省略花括号:

for (i=0;i<10;i++){    if (i==3) break;     x=x + "The number is " + i + "<br>";}



continue 语句

continue 语句中断当前的循环中的迭代,然后继续循环下一个迭代。 以下例子在值为 3 时,直接跳过:

for 实例

for (i=0;i<=10;i++){    if (i==3) continue;     x=x + "The number is " + i + "<br>";}


尝试一下 »

while 实例

while (i < 10){  if (i == 3){    i++;    //加入i++不会进入死循环    continue;   }  x= x + "该数字为 " + i + "<br>";   i++;}


尝试一下 »


JavaScript 标签

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

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

label:statements

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

语法:

break labelname;   continue labelname;

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

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

通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:

实例

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>"); }


尝试一下 »

JavaScript while 循环

JavaScript typeof

1 篇笔记 写笔记


  1.   曹大宝
     610***327@qq.com
     参考地址
    608
    关于 JavaScript 标签与 break 和 continue 一起使用的理解。
    break 的作用是跳出代码块, 所以 break 可以使用于循环和 switch 等
    continue 的作用是进入下一个迭代, 所以 continue 只能用于循环的代码块。
    代码块: 基本上是{}大括号之间
    然后:
    1. 默认标签的情况(除了默认标签情况,其他时候必须要有名标签,否则会有惊喜)
    当 break 和 continue 同时用于循环时,没有加标签,此时默认标签为当前"循环"的代码块。
    当 break 用于 switch 时,默认标签为当前的 switch 代码块:
    有名标签的情况

cars=["BMW","Volvo","Saab","Ford"];

list:

{

   document.write(cars[0] + "");

   document.write(cars[1] + "");

   document.write(cars[2] + "");

   break list;

   document.write(cars[3] + "");

   document.write(cars[4] + "");

   document.write(cars[5] + "");

}

  1. 上述break list;会跳出list的代码块。如果将break换成continue会有惊喜,违反了明确中的第二点,因为list只是个普通代码块,而不是循环。除非list写成如下形式 list:

for(var i=0; i<10; ++i)

{

   continue list;

}

  1. 有了标签,可以使用break和continue在多层循环的时候控制外层循环。
    例如下面:

outerloop:

for (var i = 0; i < 10; i++)

{

   innerloop:

   for (var j = 0; j < 10; j++)

   {

       if (j > 3)

       {

           break;

       }

       if (i == 2)

       {

           break innerloop;

       }

       if (i == 4)

       {

           break outerloop;

       }

       document.write("i=" + i + " j=" + j + "");

   }

}


目录
相关文章
|
3月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
137 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-break和continue
这篇文章介绍了JavaScript中的break和continue关键字,并通过多个示例展示了如何使用它们来控制循环流程,包括如何使用标签来指定跳出特定的循环。
46 3
JavaScript基础知识-break和continue
|
4月前
|
JavaScript 前端开发
JavaScript 函数中break,continue,return 的区别
JavaScript 函数中break,continue,return 的区别
39 0
|
7月前
|
JavaScript
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
|
7月前
|
JavaScript 前端开发
|
前端开发
前端知识案例25-javascript基础语法-break和continue
前端知识案例25-javascript基础语法-break和continue
50 0
前端知识案例25-javascript基础语法-break和continue
|
JavaScript
js基础笔记学习60-break和continnue
js基础笔记学习60-break和continnue
72 0
js基础笔记学习60-break和continnue
|
JavaScript 前端开发
JavaScript: switch语句、break\case !
JavaScript: switch语句、break\case !
202 0
|
JavaScript 前端开发
JavaScript的break和continue语句的使用和区别
JavaScript的break和continue语句的使用和区别 JavaScript中break 和 continue都是用来控制循环结构,即用在for循环和while循环中。区别在于: break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 1.break语句 break语句会终止循环并且跳出循环 for(var j=0;j&lt;5;j++){ if(j==3){ break; } console.log(j);//0 1 2 }
|
1月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
29 1
JavaScript中的原型 保姆级文章一文搞懂