JS中的几种循环和跳出方式

更新时间：2022年07月01日 08:36:28 作者：小旭2021

这篇文章介绍了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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

bootstrap-paginator服务器端分页使用方法详解
这篇文章主要为大家详细介绍了bootstrap-paginator服务器端分页的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
用Javascript实现Sleep暂停功能代码
ie和firefox都可以使用,有兴趣可以试试
2010-09-09
asp.net中System.Timers.Timer的使用方法
asp.net中System.Timers.Timer的使用方法，需要的朋友可以参考一下
2013-03-03
js中window.location.href的用法大全
window.location.href是前端开发中一个非常重要且常用的属性,它为我们提供了获取和操作页面URL的便捷手段,本文主要介绍了js中window.location.href的用法大全,感兴趣的可以
2023-12-12
Javascript json object 与string 相互转换的简单实现
下面小编就为大家带来一篇Javascript json object 与string 相互转换的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
javascript的currying函数介绍
curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能泛化为偏函数应用（partial function application, PFA）,p 这种函数将任意数量（顺序）的参数的函数转化为另一个带剩余参数的函数对象
2012-02-02
JavaScript实现SHA-1加密算法的方法
这篇文章主要介绍了JavaScript实现SHA-1加密算法的方法,实例分析了使用javascript实现SHA-1加密算法的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
JavaScript中return返回多个值的三个方法实现
本文主要介绍了JavaScript中return返回多个值的三个方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
JS switch判断三目运算 while 及属性操作代码
这篇文章主要介绍了JS switch判断三目运算 while 及属性操作代码,需要的朋友可以参考下
2017-09-09
javascript browser浏览器类型以及版本判断代码
在团队js框架建设过程中写的一段浏览器判断代码，喜欢的朋友可以参考下。
2010-04-04