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复选框CHECKBOX全选、反选
Aug 30 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
JS实现标签页切换效果
May 04 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
vue中导出Excel表格的实现代码
Oct 18 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
JS实现点击掉落特效
Jan 29 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
[FAQ]PHP中的一些常识:类篇
2006/10/09 PHP
php 常用类整理
2009/12/23 PHP
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
2013/12/14 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
JavaScript实现DOM对象选择器
2016/09/24 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
JavaScript实现大图轮播效果
2017/01/11 Javascript
js中的闭包学习心得
2018/02/06 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
python获取文件扩展名的方法
2015/07/06 Python
pandas object格式转float64格式的方法
2018/04/10 Python
python 调用钉钉机器人的方法
2019/02/20 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
大学生个人简历自我评价
2013/11/16 职场文书
考试诚信承诺书
2014/05/23 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
个人年度总结报告
2015/03/09 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
TS 类型收窄教程示例详解
2022/09/23 Javascript