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 相关文章推荐
JavaScript脚本性能优化注意事项
Nov 18 Javascript
[推荐]javascript 面向对象技术基础教程
Mar 03 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
使用JavaScript实现Java的List功能(实例讲解)
Nov 07 Javascript
JavaScript对数字的判断与处理实例分析
Feb 02 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
微信小程序获取用户openId的实现方法
May 23 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 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的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
使用ucenter实现多站点同步登录的讲解
2019/03/21 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
ExtJS下grid的一些属性说明
2009/12/13 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
Python中除法使用的注意事项
2014/08/21 Python
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
Python实现两个list对应元素相减操作示例
2017/06/09 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
python K近邻算法的kd树实现
2018/09/06 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
python实现最大优先队列
2019/08/29 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
男方父母证婚词
2014/01/12 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
护士节策划方案
2014/05/19 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
文明上网主题班会
2015/08/14 职场文书