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和DOM Interfaces来处理HTML
Oct 09 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 Javascript
使Ext的Template可以解析二层的json数据的方法
Dec 22 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
Mar 08 Javascript
Vue声明式渲染详解
May 17 Javascript
JS实现json的序列化和反序列化功能示例
Jun 13 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 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脚本的10个技巧(7)
2006/10/09 PHP
优化使用mysql存储session的php代码
2008/01/10 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
一些常用的JS功能函数代码
2009/06/23 Javascript
两个JavaScript jsFiddle JSBin在线调试器
2010/03/14 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
ES5 ES6中Array对象去除重复项的方法总结
2017/04/27 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
2017/05/03 Javascript
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
详解Vue项目中实现锚点定位
2019/04/24 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
Python批量修改文本文件内容的方法
2016/04/29 Python
Python字符串格式化的方法(两种)
2017/09/19 Python
基于Python和Scikit-Learn的机器学习探索
2017/10/16 Python
使用Python 统计高频字数的方法
2019/01/31 Python
python程序输出无内容的解决方式
2020/04/09 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
html5响应式开发自动计算fontSize的方法
2020/01/13 HTML / CSS
几个人围成一圈的问题
2013/09/26 面试题
武汉东之林科技有限公司机试
2013/09/17 面试题
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
企业党支部工作总结2015
2015/05/21 职场文书
个人催款函范文
2015/06/23 职场文书
python本地文件服务器实例教程
2021/05/02 Python
MySQL COUNT函数的使用与优化
2021/05/10 MySQL