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 一段左右两边随屏滚动的代码
Jun 18 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
Jan 01 Javascript
node-http-proxy修改响应结果实例代码
Jun 06 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
javascript防篡改对象实例详解
Apr 10 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
Nov 25 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 Vue.js
使用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
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
PHP实现多条件查询实例代码
2010/07/17 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
一段实时更新的时间代码
2006/07/07 Javascript
HTML颜色选择器实现代码
2010/11/23 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
js导航菜单(自写)简单大方
2013/03/28 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
json数据格式常见操作示例
2019/06/13 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
Javascript中的this,bind和that使用实例
2019/12/05 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
Python变量和字符串详解
2017/04/29 Python
Python实现购物车购物小程序
2018/04/18 Python
Python3中列表list合并的四种方法
2019/04/19 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
建筑设计学生的自我评价
2014/01/16 职场文书
农村结婚典礼司仪主持词
2014/03/14 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
广告宣传策划方案
2014/05/21 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
庐山导游词
2015/02/03 职场文书
2015年“世界无车日”活动方案
2015/05/06 职场文书
惹女朋友生气检讨书
2015/05/06 职场文书
2016年母亲节广告语
2016/01/28 职场文书