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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
JS中showModalDialog 的使用解析
Apr 17 Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 Javascript
Javascript小技巧之生成html元素
May 15 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
Oct 29 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
js实现纯前端压缩图片
Nov 16 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 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
PHP 和 XML: 使用expat函数(三)
2006/10/09 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
在图片上显示左右箭头类似翻页的代码
2013/03/04 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
详解微信小程序开发用户授权登陆
2019/04/24 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
python列表去重的二种方法
2014/02/14 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
python实现简易通讯录修改版
2018/03/13 Python
python 动态调用函数实例解析
2019/10/21 Python
python ImageDraw类实现几何图形的绘制与文字的绘制
2020/02/26 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
中学教师管理制度
2014/01/14 职场文书
四年级下册教学反思
2014/02/01 职场文书
2014组织生活会方案
2014/05/19 职场文书
政协调研汇报材料
2014/08/15 职场文书
群教个人对照检查材料
2014/08/20 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书