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中的apply()方法和call()方法使用介绍
Jul 25 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
Aug 25 Javascript
JS轮播图中缓动函数的封装
Nov 25 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
微信小程序 共用变量值的实现
Jul 12 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
Apr 10 Javascript
Vue数据双向绑定原理实例解析
May 15 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 form 表单传参明细研究
2009/07/17 PHP
PHP执行zip与rar解压缩方法实现代码
2010/12/05 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
python类定义的讲解
2013/11/01 Python
Python实现的生成自我描述脚本分享(很有意思的程序)
2014/07/18 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
HQhair美国/加拿大:英国化妆品、美容及美发产品商城
2019/04/15 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
护士自荐信范文
2013/12/15 职场文书
班主任班级寄语大全
2014/04/04 职场文书
安全生产目标责任书
2014/04/14 职场文书
小学五年级学生评语
2014/04/22 职场文书
植物生产学专业求职信
2014/08/08 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
python unittest单元测试的步骤分析
2021/08/02 Python
Golang bufio详细讲解
2022/04/21 Golang
Java异常体系非正常停止和分类
2022/06/14 Java/Android