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 相关文章推荐
基于jQuery的动态表格插件
Mar 28 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
判断复选框是否被选中的两种方法
Jun 04 Javascript
JavaScript常用小技巧小结
Dec 29 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
Jan 05 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
May 16 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
js中let和var定义变量的区别
Feb 08 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
vue与django集成打包的实现方法
Nov 11 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 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中数据的批量导入(csv文件)
2006/10/09 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
JS使用for in有序获取对象数据
2020/05/19 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
[00:10]神之谴戒
2019/03/06 DOTA
写了个监控nginx进程的Python脚本
2012/05/10 Python
整理Python最基本的操作字典的方法
2015/04/24 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
python如何判断IP地址合法性
2020/04/05 Python
HTML5进度条特效
2014/12/18 HTML / CSS
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
Java的五个基础面试题
2016/02/26 面试题
学习党章思想汇报
2014/01/07 职场文书
会计学专业求职信
2014/07/17 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
2016新年感言
2015/08/03 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
MySQL系列之九 mysql查询缓存及索引
2021/07/02 MySQL
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技