本网站(662p.com)打包出售,且带程序代码数据,662p.com域名,程序内核采用TP框架开发,需要联系扣扣:2360248666 /wx:lianweikj
精品域名一口价出售:1y1m.com(350元) ,6b7b.com(400元) , 5k5j.com(380元) , yayj.com(1800元), jiongzhun.com(1000元) , niuzen.com(2800元) , zennei.com(5000元)
需要联系扣扣:2360248666 /wx:lianweikj
JS中的几种循环和跳出方式
sz199511 · 211浏览 · 发布于2022-07-01 +关注

这篇文章介绍了JS中的几种循环和跳出方式,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

JS中的循环是大家很常用的,这里总结一下几种常用循环的跳出方式。

1.for循环

var arr = ['q','w','e','r','t'];
for(var i=0, len = arr.length ; i< len ; i++){
console.log(arr[i]);
}

// q , w , e , r , t


跳出本次循环continue: 

for(var i=0, len = arr.length ; i< len ; i++){
if(i == 2){
continue;
}
console.log(arr[i]);
}

// q , w , r , t


当i==2时,跳出本次循环,本次循环下面的代码不在执行。但是真个循环继续执行,直到循环条件为false。 

跳出整个循环break:

for(var i=0, len = arr.length ; i< len ; i++){
if(i == 2){
break;
}
console.log(arr[i]);
}

// q , w


当i == 2时,使用break跳出整个循环,后面的循环条件不在执行,直接退出整个循环。 

2. for-in循环

退出方法同for循环。

3.jQuery的each循环

$.each(arr,function(index,oo){
console.log(oo);
})
//q , w , e , r , t


退出当前循环 return true: 

$.each(arr,function(index,oo){
if(index == 2){
return true;
}
console.log(oo);
})
//q ,w ,r ,t


当index == 2 时,退出当前循环,整体循环继续执行。 

退出整个循环 return false:

$.each(arr,function(index,oo){
if(index == 2){
return false;
}
console.log(oo);
});
  
// q , w


当index == 2时,使用return false,可以退出整个循环,后面的条件不在执行。 

4.forEach循环

arr.forEach(function(oo,index){
console.log(oo);
});

// q, w, e, r, t


退出当前循环 return ;reutrn false ; return true ; 

arr.forEach(function(oo,index){
if(index == 2){
return ;
//return false; //效果同上
// return true; //效果同上
}
console.log(oo);
});
// q , w ,r ,t


在forEach循环中,return 返回任何值,都只能退出当前循环。 

要想跳出整个forEach循环,可以使用抛异常的方式:

try{
arr.forEach(function(oo,index){
if(index == 2){
throw 'jumpout';
}
console.log(oo);
});
}catch(e){
}
  
// q , w


 


相关推荐

RN开发环境的npm私库本地debug调试

manongba · 695浏览 · 2019-05-09 17:03:46
你不知道的浏览器渲染原理

追忆似水年华 · 1370浏览 · 2019-05-09 22:47:56
基于iview的router常用控制方式

追忆似水年华 · 993浏览 · 2019-06-03 10:39:21
编程小知识之 JavaScript 文件读取

manongba · 714浏览 · 2019-06-10 09:16:16
10个省时间的 PyCharm 技巧 赶快收藏!

· 700浏览 · 2019-06-10 09:32:01
加载中

0评论

评论
不积跬步无以至千里,不积小流无以成江海!
分类专栏
小鸟云服务器
扫码进入手机网页