先来看一个小例子:

  1. <html>
  2. <body>
  3. <script type="text/javascript">
  4.  
  5. for(j=0;j<2;j++) {
  6.  
  7. for(i=0;i<=10;i++){
  8.  
  9. if(i==3){
  10.  
  11. break;
  12.  
  13. }
  14.  
  15. document.write("这个数字是"+j+""+ i)
  16.  
  17. document.write("<br/>")
  18.  
  19. }
  20.  
  21. }
  22. </script>
  23. </body>
  24. </html>

运行结果:

  1. 这个数字是0 0
  2. 这个数字是0 1
  3. 这个数字是0 2
  4. 这个数字是1 0
  5. 这个数字是1 1
  6. 这个数字是1 2

上面例子说明,break语句退出的是最内层的循环。如果我想跳出整个循环该怎么办呢?答案是:break 标签

实例一:

  1. <html>
  2. <body>
  3. <script type="text/javascript">
  4.  
  5. Tag_1:
  6.  
  7. for(j=0;j<2;j++) {
  8.  
  9. for(i=0;i<=10;i++){
  10.  
  11. if(i==3){
  12.  
  13. break Tag_1;
  14.  
  15. }
  16.  
  17. document.write("这个数字是"+j+""+ i);
  18.  
  19. document.write("<br/>");
  20.  
  21. }
  22.  
  23. }
  24.  
  25. document.write("End");
  26. </script>
  27. </body>
  28. </html>

运行结果:

  1. 这个数字是0 0
  2. 这个数字是0 1
  3. 这个数字是0 2
  4. End

实例二:来自《JavaScript权威指南》

  1. <script type="text/javascript">
  2. outerloop://命名外圈语句
  3. for(i=0; i<10; i++)
  4. {
  5. innerloop://命名内圈语句
  6. for(j=0; j<10; j++)
  7. {
  8. // 跳出内圈循环
  9. if(j>3){break;}
  10. // 跳出内圈循环
  11. if(i==2){break innerloop;}
  12. // 跳出外圈循环
  13. if(i==4){break outerloop;}
  14. document.write("i ="+i+", j ="+j+"<br />");
  15. }
  16. }
  17. document.write("final"+"i ="+i+", j ="+j);
  18. </script>

运行结果:

  1. i = 0 , j = 0
  2. i = 0 , j = 1
  3. i = 0 , j = 2
  4. i = 0 , j = 3
  5. i = 1 , j = 0
  6. i = 1 , j = 1
  7. i = 1 , j = 2
  8. i = 1 , j = 3
  9. i = 3 , j = 0
  10. i = 3 , j = 1
  11. i = 3 , j = 2
  12. i = 3 , j = 3
  13. final i = 4 , j = 0

javascript: break跳出多重循环以及退出each循环的更多相关文章

  1. JavaScript break跳出多重循环

    多重循环在编程中会经常遇到,那么在JavaScript中如何指定跳出那层的循环呢.其实这也是break的一个用法,下面是一个不错的例子,来自<JavaScript权威指南>,可以参考下: ...

  2. java中如何使用break跳出多重循环

    java 中已知的三种跳出多重循环的方式: System.out.println("---------java中跳出多重循环的三种方式:---------"); System.ou ...

  3. break跳出多重循环

    大家都知道break只能跳出当前的一个循环语句,如果碰到要跳出多个循环体,那么我们就该在循环体开头设置一个标志位,然后使用带此标志位的break语句跳出多重循环 jump: ;i<;i++){ ...

  4. javaScript如何跳出多重循环break、continue

    先来说说break和continue之间的区别 for(var i=0;i<10;i++){  if(i>5){  break;  }}console.log(i);  ---6  •当i ...

  5. jquery的$.each如何退出循环和退出本次循环

    https://api.jquery.com/jQuery.each/ We can break the $.each() loop at a particular iteration by maki ...

  6. Java之跳出多重循环

    在java里,想要跳出多重循环,有两种方法 1.在循环语句前设置一个标记,然后使用带有该标记的break语句跳出该循环 public static void main(String args[]) { ...

  7. 关于Java 中跳出多重循环

    前言 环境:window10 JDK 1.8 应用场景:在多个for循环或while循环中,直接跳到最外层的循环外面,而不是需要层层退出来. 使用: 使用一个标签label(也可以是其他单词,不能是关 ...

  8. Python练习-一个Break跳出所有循环

    Alex大神的需求:三层循环,在最内层循环中使用break,让所有循环结束; # 编辑者:闫龙 i=1; count=0; while 1==i : while 1==i: while 1==i: c ...

  9. C/C++——C语言跳出多重循环方法

    c语言的break语句只能跳出离它最近的一层循环,但是我们有时候需要跳出多层循环,以下有几种跳出多重循环的方法: 1. 使用goto ; i < MAX1; i++) { ; j < MA ...

随机推荐

  1. usb_control_msg函数用法和说明

    usb_control_msg是没有用到urb的在USB中简单进行发送和接收的一种机制,用于少量的数据通信.原型为:  程序代码 linux+v2.6.35/drivers/usb/core/mess ...

  2. Tomcat优化步骤【转】

    一.Tomcat的缺省是多少,怎么修改 Tomcat的缺省端口号是8080.修改Tomcat端口号:1.找到Tomcat目录下的conf文件夹2.进入conf文件夹里面找到server.xml文件3. ...

  3. emulator: ERROR: x86 emulation currently requires hardware acceleration!Please ensure Intel HAXM is properly installed and usable.CPU acceleration status: HAX kernel module is not installed!

    Android Studio 1.0 已经放出来了,以后的Android平台开发激昂逐步从Eclipse向Android Studio迁移,为了能不落伍我也特意从Google下载了Android St ...

  4. Java基础85 MVC开发模式

    1.MVC开发模式 本文用 Servlet+JSP+javaBean 的开发模式来讲解 Model:用javabean实现,用于封装业务数据View:用jsp实现,用于显示数据Controller:用 ...

  5. 【推荐】关于JS中的constructor与prototype【转】

    最初对js中 object.constructor 的认识: 在学习JS的面向对象过程中,一直对constructor与prototype感到很迷惑,看了一些博客与书籍,觉得自己弄明白了,现在记录如下 ...

  6. thinkphp中order方法

    order方法属于模型的连贯操作方法之一,用于对操作的结果排序. 用法 $Model->where('status=1')->order('id desc')->limit(5)-& ...

  7. 010.Zabbix的zatree插件安装

    一 zatree简介 zatree 是来自国内58公司开发的监控软件zabbix的一个插件,主要功能是提供host group的树形展示和在item里指定关键字查询及数据排序. 二 安装前准备 2.1 ...

  8. 新手:Qt之QLabel类的应用

    在Qt中,我们不可避免的会用到QLabel类.而Qlabel的强大功能作为程序员的你有多少了解? 下面,跟着我一起在来学习一下吧! 1.添加文本 Qlabel类添加文本有两种方式,一种是直接在实现时添 ...

  9. css基础之line-height

    什么是line-height(行高)?line-height设置1.5和150%有什么区别?这是一个比较常见的css面试题,带着这个问题往下看.所谓行高是指一段文字中某一行的高度吗?具体来说不是.w3 ...

  10. 命令:mktemp

    简介 mktemp命令用于创建一个临时的文件或者目录. 语法格式 mktemp [OPTION]... [TEMPLATE] 示例 不带选项和参数的mktemp用于创建临时文件,带-d选项用于创建临时 ...