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俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
Sep 09 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
AngularJS 指令详细介绍
Jul 27 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
js实现简单商品筛选功能
Feb 02 Javascript
JavaScript实现简单图片切换
Apr 29 Javascript
javascript拖曳互换div的位置实现示例
Jun 28 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
php 动态添加记录
2009/03/10 PHP
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
php+mysql实现无限分类实例详解
2015/01/15 PHP
PHP将session信息存储到数据库的类实例
2015/03/04 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
Yii框架安装简明教程
2020/05/15 PHP
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
JS递归遍历对象获得Value值方法技巧
2016/06/14 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
jQuery实现键盘回车搜索功能
2017/07/25 jQuery
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
jQuery实现的页面详情展开收起功能示例
2018/06/11 jQuery
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
Python爬虫框架Scrapy实例代码
2018/03/04 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
对python list 遍历删除的正确方法详解
2018/06/29 Python
python游戏地图最短路径求解
2019/01/16 Python
Tensorflow训练MNIST手写数字识别模型
2020/02/13 Python
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
公务员更新知识培训实施方案
2014/03/31 职场文书
高二学生评语大全
2014/04/25 职场文书
政府信息公开实施方案
2014/05/09 职场文书
安徽导游词
2015/02/12 职场文书
工作收入证明范本
2015/06/12 职场文书
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
把77A收信机改造成收音机
2022/04/05 无线电