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 相关文章推荐
iframe 异步加载技术及性能分析
Jul 19 Javascript
Jquery解析Json格式数据过程代码
Oct 17 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
jQuery使用$.ajax进行即时验证实例详解
Dec 11 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
使用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下10件你也许并不了解的事情
2008/09/11 PHP
phpize的深入理解
2013/06/03 PHP
PHP与Java进行通信的实现方法
2013/10/21 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
详解SPA中前端路由基本原理与实现方式
2018/09/12 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
在Django的session中使用User对象的方法
2015/07/23 Python
在Python中移动目录结构的方法
2016/01/31 Python
python 消费 kafka 数据教程
2019/12/21 Python
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
市政管理求职信范文
2014/05/07 职场文书
垂直极限观后感
2015/06/08 职场文书
退货证明模板
2015/06/23 职场文书
四大名著读书笔记
2015/06/25 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python