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中typeof的用法汇总
Dec 12 Javascript
浅谈JS中的bind方法与函数柯里化
Aug 10 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
浅谈vue首屏加载优化
Jun 28 Javascript
微信小程序前端promise封装代码实例
Aug 24 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
JavaScript 几种循环方式以及模块化的总结
Sep 03 Javascript
Javascript中window.name属性详解
Nov 19 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判断手机是IOS还是Android
2015/12/09 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
BootStrap3学习笔记(一)之网格系统
2016/05/20 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
实例浅析js的this
2016/12/11 Javascript
canvas简单快速的实现知乎登录页背景效果
2017/05/08 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
python Django批量导入不重复数据
2016/03/25 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
关于.NET, HTML的五个问题
2012/08/29 面试题
宿舍违规用电检讨书
2014/02/16 职场文书
农民工预备党员思想汇报
2014/09/14 职场文书
2014年节能减排工作总结
2014/12/06 职场文书
婚育证明样本
2015/06/16 职场文书
SQL Server 中的事务介绍
2022/05/20 SQL Server