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 相关文章推荐
JS中confirm,alert,prompt函数区别分析
Jan 17 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
js css+html实现简单的日历
Jul 14 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
Aug 25 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 Javascript
vue实现学生信息管理系统
May 30 Javascript
Element实现动态表格的示例代码
Aug 02 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
《APMServ 5.1.2》使用图解
2006/10/23 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
2015/01/02 Javascript
js格式化时间的方法
2015/12/18 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
switch语句的妙用(必看篇)
2016/10/03 Javascript
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
python字符串替换示例
2014/04/24 Python
python使用nntp读取新闻组内容的方法
2015/05/08 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
python实现Windows电脑定时关机
2018/06/20 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
Python通过文本和图片生成词云图
2020/05/21 Python
python能自学吗
2020/06/18 Python
python操作ini类型配置文件的实例教程
2020/10/30 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
英国123鲜花网站:123 Flowers
2019/07/07 全球购物
关于期中考试的反思
2014/02/02 职场文书
酒店大堂副理的职责范文
2014/02/13 职场文书
广告创意求职信
2014/03/17 职场文书
篮球兴趣小组活动总结
2014/07/07 职场文书
python实现图片批量压缩
2021/04/24 Python