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用法一样，不举例。

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

赞 (0)

相关推荐

  • js 为label标签和div标签赋值的方法

    在html中,label是没有value属性的, 他与div以及其他大部分html元素一样,有innerText和innerHTML属性 不能document.getElementByID("test").value="chenhuang"; 应该是下面的 复制代码 代码如下: <labelid="test"></label>document.getElementById(test).innerText="&qu

  • JS和Jquery获取和修改label的值的示例代码

    获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 复制代码 代码如下: var label=document.getElementById("id"); var value=label.value; var value=$("#id").val(); 可以这样: JS: 复制代码 代码如下: var label=document.getElementById("id"); var value=label

  • 浅谈Javascript中的Label语句

    Label 语句,按书本上说的语法是: Label: statement 如: begin: for (var i = 0; i < 10 ; i++ ){ alert(i); } 举一个比较典型的例子,看完后即明白 Label 的应用:(未添加 Label) var num = 0; for (var i = 0 ; i < 10 ; i++){ for (var j = 0 ; j < 10 ; j++){ if( i == 5 && j == 5 ){ break;

  • js操作label给label赋值及取label的值示例

    取值:var Label_text=document.getElementById('test_label').innerHTML; 赋值:document.getElementById('test_label').innerHTML = ids;

  • Extjs Label的 fieldLabel和html属性值对齐的方法

    设置:style:"position:relative;top:2px 复制代码 代码如下: var factorName = new Ext.form.Label({ id : 'factorName', fieldLabel : '要素名称', style:"position:relative;top:2px;", text : simpleGrid.getItems('factorName'), anchor : '100%' });

  • Jquery跨域获得Json时invalid label错误的解决办法

    最后,仔细安静下来,细读 json 官方文档后发现这么一段: JSON数据是一种能很方便通过JavaScript解析的结构化数据.如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求.如果要指定回调函数的参数名来取代默认的callback,可以通过设置$.ajax()的jsonp

  • 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);

  • JavaScript中的标签语句用法分析

    本文实例分析了JavaScript中的标签语句用法.分享给大家供大家参考.具体分析如下: 最近在看w3school,然后看到js部分, <!DOCTYPE html> <html> <body> <script> cars=["BMW","Volvo","Saab","Ford"]; list: { document.write(cars[0] + "<br>

  • html label标签的使用教程

    在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></label>,一直没明白这个label是做什么的,今天正好看到了解释:  Label 中有两个属性是非常有用的,一个是FOR.另外一个就是ACCESSKEY了.  FOR属性  功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点.  用法:<Label FOR="InputBox">姓名</Label

  • javascript处理a标签超链接默认事件的方法

    本文实例讲述了javascript处理a标签超链接默认事件的方法.分享给大家供大家参考.具体分析如下: 有时需要在a标签上添加click事件,并且跳转前处理一些事务,故需要做一些处理:通常前端会给出一个<a href="#">link</a>来代表这个行为,有些还会这样写<a href="###">link</a>或者<a href="javascript:void(0);">link&

  • 最简单纯JavaScript实现Tab标签页切换的方式(推荐)

    最简单纯JavaScript实现Tab标签页切换的方式(推荐)

    先说一下最土的一种方法: Html: <div class="tab-head"> <h2 id="tab1" onmouseover="changeTab1()" class="selected">1</h2> <h2 id="tab2" onmouseover="changeTab2()">2</h2> <h2 id=

  • js(JavaScript)实现TAB标签切换效果的简单实例

    js(JavaScript)实现TAB标签切换效果的简单实例

    一个可以js(JavaScript)的tab标签切换代码,可以自动适应宽度,可以自己添加删除标签块,傻瓜式操作便能完成! 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401- 19991224/loose.dtd"><HTML xmlns="http://www.w

  • 教你用javascript实现随机标签云效果_附代码

    教你用javascript实现随机标签云效果_附代码

    标签云是一套相关的标签以及与此相应的权重.典型的标签云有30至150个标签.权重影响使用的字体大小或其他视觉效果.同时,直方图或饼图表是最常用的代表约12种不同的权数.因此,标签云彩能代表更多的权,尽管不那么准确.此外,标签云通常是可以交互的:标签是典型的超链接,让用户可以仔细了解他们的内容.   大概可以理解为一堆相关或者不相关的标签混到一块,根据不同的重要程度,或者其他维度的不同来为每个标签设置不同的样式已凸显他们的不同,这样的一堆标签在一起就是我们通常说的标签云了.   下面我们大概说一下

  • javascript生成img标签的3种实现方法(对象、方法、html)

    本文实例讲述了javascript生成img标签的3种实现方法.分享给大家供大家参考,具体如下: <div id="d1"></div> <script> //HTML function a(){ document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>"

  • javascript通过获取html标签属性class实现多选项卡的方法

    本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>原生javascript通过获取html标签属性class实现多选项卡</title> <style type="text/css">

  • Java基于线程实现带有滚动效果的Label标签实例

    本文实例讲述了Java基于线程实现带有滚动效果的Label标签.分享给大家供大家参考.具体如下: import java.awt.Graphics; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; /** * Java中用线程实现带有滚动效果的Label标签 */ public class Test extends JFrame { private static final long

随机推荐