javascript实现label标签跳出循环操作


Posted in Javascript onMarch 06, 2016

出场:

首先我们来说说为什么需要label标签,虽然我们已经知道有break,continue跳出循环,但如果是多重循环那么它们就显的无能为力了,所以就出现了label这个标签来为我们服务。

我们先来看看单独使用break的情况

for(var i=0;i<4;i++){
  for(var j=0;j<4;j++){
    if(i===1&&j===1){
      break;
    }else{
      console.log("i:"+i+"--j:"+j);
    }
  }
}

运行结果:

i:0--j:0
i:0--j:1
i:0--j:2
i:0--j:3
i:1--j:0
当i和j===1的时候,它只跳出了j循环,因此它又会回到i循环体
i:2--j:0
i:2--j:1
i:2--j:2
i:2--j:3
i:3--j:0
i:3--j:1
i:3--j:2
i:3--j:3

从上面的运行结果中我们可以发现如果单纯的使用break远远不能够完成一些复杂的操作。 

label标签可以是任意的名称,但不能是保留字,他们几乎是和break;continue;配合使用。

bk:for(var i=0;i<4;i++){
   for(var j=0;j<4;j++){
     if(i===1&&j===1){
       break bk;
     }else{
       console.log("i:"+i+"--j:"+j);
     }
   }
 }

运行结果:

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

成功跳出循环。

提试:bk只是一个名称,你随意,当然不能是js中的关键字

continue用法一样,不举例。

很简单的例子,希望对大家的学习有所帮助。

Javascript 相关文章推荐
分享别人写的一个小型js框架
Aug 13 Javascript
图片动画横条广告带上下滚动的JS代码
Oct 25 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
node通过express搭建自己的服务器
Sep 30 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
JS原生带缩略图的图片切换效果
Oct 10 Javascript
Openlayers绘制地图标注
Sep 28 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 #Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 #Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 #Javascript
AngularJS页面访问时出现页面闪烁问题的解决
Mar 06 #Javascript
JavaScript模拟数组合并concat
Mar 06 #Javascript
JavaScript模拟push
Mar 06 #Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
Mar 06 #Javascript
You might like
php预定义常量
2006/12/25 PHP
PHP has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
2016/08/16 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
Python编程实现的图片识别功能示例
2017/08/03 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
python and or用法详解
2019/06/26 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
护理专业毕业生自我鉴定
2013/10/08 职场文书
英语硕士生求职简历的自我评价
2013/10/15 职场文书
洗煤厂厂长岗位职责
2014/01/03 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
群众路线调研报告范文
2014/11/03 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
技术入股合作协议书
2016/03/21 职场文书