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 相关文章推荐
actionscript与javascript的区别
May 25 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
Jan 27 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
jQuery表格插件datatables用法汇总
Mar 29 Javascript
jQuery插件实现可输入和自动匹配的下拉框
Oct 24 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
jQuery替换节点元素的操作方法
Mar 18 jQuery
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
js实现for循环跳过undefined值示例
Jul 02 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 has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
ie支持function.bind()方法实现代码
2012/12/27 Javascript
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
Python用字典构建多级菜单功能
2019/07/11 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
什么是抽象
2015/12/13 面试题
管理学专业个人求职信范文
2013/09/21 职场文书
送货司机岗位职责
2013/12/11 职场文书
自主招生教师推荐信
2014/05/10 职场文书
学校节能减排方案
2014/06/13 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书
PHP新手指南
2021/04/01 PHP
JavaScript实现栈结构详细过程
2021/12/06 Javascript
68行Python代码实现带难度升级的贪吃蛇
2022/01/18 Python
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS