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


Posted in Javascript onSeptember 01, 2016

先来说说break和continue之间的区别

摘自JavaScript高级程序设计

for(var i=0;i<10;i++){
  if(i>5){
  break;
  }
}
console.log(i);  ---6

 •当i=5和10的时候,会执行到break,并退出循环

for(var i=1;i<10;i++){
  if(i>5){
  continue;
  }
  num++;
}
console.log(num);  ---4

var num=0;
for(var i=1;i<10;i++){
  if(i%5==0){
  continue;
  }
  num++;
}
console.log(num); ---8

 •当i=5或者i=10的时候,会按照i的值,继续执行for循环,并退出循环

当执行多重循环的时候

break的情况

outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6 
     break outer;
    }
  } 
 }

这是break到最外面循环里面的

outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6,7,8,9 
     break inter;
    }
  } 
 }

这是break到内面的循环的时候,虽然暂时不会跳出,但是执行够4次以后,还是跳出了

continue的情况

var num=0;
outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6,7,8,9 
     continue outer;
    }
    num++;  
  } 
 }
 console.log(num);     --- 60

凡是i大于或者等于5的时候都会弹出继续循环,所以,会少了四十次。

var num=0;
outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6,7,8,9 
     continue inter;
    }
    num++;  
  } 
 }
 console.log(num);     --- 60

同样的原理,循环还是会继续执行,只是少了40次,因为限制的一直是i的值,i小于或者等于5都不会成立。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
判断javascript的数据类型(示例代码)
Dec 11 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
JavaScript框架Angular和React深度对比
Nov 20 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 Javascript
创建echart多个联动的示例代码
Nov 23 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 #Javascript
JavaScript数据类型学习笔记分享
Sep 01 #Javascript
js实现文字超出部分用省略号代替实例代码
Sep 01 #Javascript
纯js和css完成贪吃蛇小游戏demo
Sep 01 #Javascript
在web中js实现类似excel的表格控件
Sep 01 #Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 #Javascript
AngularJs 指令详解及示例代码
Sep 01 #Javascript
You might like
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
Firefox div高度自适应
2009/04/28 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
Document:getElementsByName()使用方法及示例
2013/10/28 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
node.js中的fs.truncateSync方法使用说明
2014/12/15 Javascript
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
python self,cls,decorator的理解
2009/07/13 Python
Python编程实现蚁群算法详解
2017/11/13 Python
python多线程同步实例教程
2019/08/11 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
党员公开承诺事项
2014/03/25 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
2014年学习部工作总结
2014/11/12 职场文书
2014年实习期工作总结
2014/11/27 职场文书
辩论会主持词
2015/07/03 职场文书
学校远程教育工作总结
2015/08/11 职场文书
MySQL分布式恢复进阶
2022/07/23 MySQL