javascript实现label标签跳出循环操作

 更新时间:2016年03月06日 16:08:00   作者:追梦子  
这篇文章主要为大家详细介绍了javascript实现label标签跳出循环操作,感兴趣的朋友可以参考一下

出场:

首先我们来说说为什么需要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用法一样,不举例。

很简单的例子,希望对大家的学习有所帮助。

相关文章

  • Js点击弹出下拉菜单效果实例

    Js点击弹出下拉菜单效果实例

    本文章来给各位同学介绍一款不错的Js点击弹出下拉菜单效果代码,这种效果有点像支付宝的下拉菜单,有需要了解的朋友可参考。
    2013-08-08
  • js实现单一html页面两套css切换代码

    js实现单一html页面两套css切换代码

    研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果与大家分享下,感兴趣的朋友可以参考下哈,希望可以帮助到你
    2013-04-04
  • babel之配置文件.babelrc入门详解

    babel之配置文件.babelrc入门详解

    本篇文章主要介绍了babel之配置文件.babelrc入门详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02
  • javascript实现日期格式转换

    javascript实现日期格式转换

    这篇文章主要介绍了javascript实现日期格式转换,非常的简单实用,项目中经常可以用到,这里推荐给大家
    2014-12-12
  • javascript局部自定义鼠标右键菜单

    javascript局部自定义鼠标右键菜单

    这篇文章主要为大家详细介绍了javascript局部自定义鼠标右键菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • js获取当前年月日-YYYYmmDD格式的实现代码

    js获取当前年月日-YYYYmmDD格式的实现代码

    下面小编就为大家带来一篇js获取当前年月日-YYYYmmDD格式的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 从javascript语言本身谈项目实战

    从javascript语言本身谈项目实战

    从javascript语言本身谈项目实战...
    2006-12-12
  • JavaScript中添加监听句柄的方式

    JavaScript中添加监听句柄的方式

    这篇文章主要介绍了JavaScript中添加监听句柄的方式,监听就是触发某事件之后做出的响应,监听句柄是触发某相应的条件,下面关于添加监听句柄的方式的详细内容,需要的朋友可以参考一下,希望对你有所帮助
    2022-02-02
  • 探索浏览器页面关闭window.close()的使用详解

    探索浏览器页面关闭window.close()的使用详解

    这篇文章主要介绍了探索浏览器页面关闭window.close()的使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • JS实现Fisheye效果动感放大菜单代码

    JS实现Fisheye效果动感放大菜单代码

    这篇文章主要介绍了JS实现Fisheye效果动感放大菜单代码,涉及JavaScript事假监听机制及定时函数等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论