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以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇js时间戳和c#时间戳互转方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要为大家详细介绍了微信小程序实战之登录页面制作代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了javascript动态生成树形菜单的方法,涉及JavaScript针对页面元素与属性的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
下面小编就为大家带来一篇js从数组中删除指定值(不是指定位置)的元素实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了JavaScript数据结构之单链表、循环链表，详细的介绍了JavaScript如何实现单链表、循环链表，有兴趣的可以了解一下2017-11-11
这篇文章主要为大家详细介绍了JavaScript如何利用油猴脚本实现去水印功能，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-03-03
这篇文章主要介绍了微信小程序wepy框架笔记小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了JS实现百度搜索接口及链接功能实例代码,需要的朋友可以参考下2018-02-02
uni-app是近年来一种新兴的多端混合开发框架,适合开发跨平台应用,方便多端运行,下面这篇文章主要给大家介绍了关于uni-app如何构建小程序的相关资料,需要的朋友可以参考下2022-11-11
引用了jQuery，节省了很多鼠标点击上的判断。界面显然都是照搬Windows的扫雷啦，详细的内容注释里都有，感兴趣的朋友参考下吧2016-02-02
最新评论