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 相关文章推荐
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
js中生成map对象的方法
Jan 09 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
JavaScript生成一个不重复的ID的方法示例
Sep 16 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
JavaScript 与 TypeScript之间的联系
Nov 27 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
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
PHP垃圾回收机制简单说明
2010/07/22 PHP
php常用的url处理函数总结
2014/11/19 PHP
ThinkPHP处理Ajax返回的方法
2014/11/22 PHP
浅谈php7的重大新特性
2015/10/23 PHP
PHP中each与list用法分析
2016/01/08 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
php引用和拷贝的区别知识点总结
2019/09/23 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
JS与C#编码解码
2013/12/03 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
javascript操作元素的常见方法小结
2019/11/13 Javascript
Vue select 绑定动态变量的实例讲解
2020/10/22 Javascript
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
Python zip函数打包元素实例解析
2019/12/11 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
医学护理系毕业生求职信
2013/10/01 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
西安兵马俑导游词
2015/02/02 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书