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实现简易弹幕系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • WebGL学习教程之Three.js学习笔记(第一篇)

    WebGL学习教程之Three.js学习笔记(第一篇)

    Three.js是一个js的开源框架,它把webgl的所有东西都封装好了,我们不再需要去了解webgl那些比较麻烦的细节,直接在此框架上进行开发,既方便,又快捷,而且很容易就能学习,感兴趣的朋友跟随小编一起看看吧
    2019-04-04
  • 谈谈IntersectionObserver懒加载的具体使用

    谈谈IntersectionObserver懒加载的具体使用

    这篇文章主要介绍了谈谈IntersectionObserver懒加载的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • JS利用Canvas实现文字水印和图片水印合成

    JS利用Canvas实现文字水印和图片水印合成

    这篇文章主要为大家详细介绍了JavaScript如何利用Canvas实现文字水印和图片水印合成的效果,文中的示例代码讲解详细,需要的小伙伴可以参考一下
    2022-11-11
  • document.cookie 使用小结

    document.cookie 使用小结

    这篇文章主要介绍了document.cookie 使用,主要包括cookie设置,修改cookie值及获取cookie值的相关知识,本文给大家介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • javascript事件冒泡实例分析

    javascript事件冒泡实例分析

    这篇文章主要介绍了javascript事件冒泡实原理,实例分析了事件冒泡的定义及实现技巧,需要的朋友可以参考下
    2015-05-05
  • 20条学习javascript的编程规范的建议

    20条学习javascript的编程规范的建议

    本文总结了20条javascript的编程规范,都是平时项目中使用的时候需要注意的地方,这里推荐给大家,如对大家有所帮助,那便是极好的了。
    2014-11-11
  • javascript Deferred和递归次数限制实例

    javascript Deferred和递归次数限制实例

    你知道Deferred和递归次数限制吗?如果还不知道,可以看看下面的实例,很好,适合新手朋友们
    2014-10-10
  • 微信小程序 导入图标实现过程详解

    微信小程序 导入图标实现过程详解

    这篇文章主要介绍了微信小程序 导入图标实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • javascript手机验证、邮箱验证、密码验证的正则表达式简单封装实例

    javascript手机验证、邮箱验证、密码验证的正则表达式简单封装实例

    正则表达式在日常的数据验证中是必不可少的验证方式,这篇文章主要给大家介绍了关于javascript手机验证、邮箱验证、密码验证的正则表达式简单封装的相关资料,需要的朋友可以参考下
    2022-09-09

最新评论