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 相关文章推荐
收集的网上用的ajax之chat.js文件
Apr 08 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
vue几个常用跨域处理方式介绍
Feb 07 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
JS实现购物车基本功能
Nov 08 Javascript
使用JS实现简易计算器
Jun 14 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
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
编写PHP程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
jQuery live
2009/05/15 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
Javascript实现滑块滑动改变值的实现代码
2013/04/12 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
2016/12/25 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
mpvue 单文件页面配置详解
2018/12/02 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
小程序如何构建骨架屏
2019/05/29 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Flask框架web开发之零基础入门
2018/12/10 Python
pytorch中的inference使用实例
2020/02/20 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
pycharm的python_stubs问题
2020/04/08 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
生日邀请函范文
2014/01/13 职场文书
党员学习十八大感想
2014/01/17 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
员工团队活动方案
2014/08/28 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
2014年涉外离婚协议书范本
2014/11/20 职场文书
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android