JS中的幾種循環(huán)和跳出方式
JS中的循環(huán)是大家很常用的，這里總結(jié)一下幾種常用循環(huán)的跳出方式。
1.for循環(huán)
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跳出本次循環(huán)continue：
for(var i=0, len = arr.length ; i< len ; i++){
if(i == 2){
continue;
}
console.log(arr[i]);
}
// q , w , r , t當(dāng)i==2時(shí)，跳出本次循環(huán)，本次循環(huán)下面的代碼不在執(zhí)行。但是真?zhèn)€循環(huán)繼續(xù)執(zhí)行，直到循環(huán)條件為false。
跳出整個(gè)循環(huán)break：
for(var i=0, len = arr.length ; i< len ; i++){
if(i == 2){
break;
}
console.log(arr[i]);
}
// q , w當(dāng)i == 2時(shí)，使用break跳出整個(gè)循環(huán)，后面的循環(huán)條件不在執(zhí)行，直接退出整個(gè)循環(huán)。
2. for-in循環(huán)
退出方法同for循環(huán)。
3.jQuery的each循環(huán)
$.each(arr,function(index,oo){
console.log(oo);
})
//q , w , e , r , t退出當(dāng)前循環(huán) return true:
$.each(arr,function(index,oo){
if(index == 2){
return true;
}
console.log(oo);
})
//q ,w ,r ,t當(dāng)index == 2 時(shí)，退出當(dāng)前循環(huán)，整體循環(huán)繼續(xù)執(zhí)行。
退出整個(gè)循環(huán) return false：
$.each(arr,function(index,oo){
if(index == 2){
return false;
}
console.log(oo);
});
// q , w當(dāng)index == 2時(shí)，使用return false，可以退出整個(gè)循環(huán)，后面的條件不在執(zhí)行。
4.forEach循環(huán)
arr.forEach(function(oo,index){
console.log(oo);
});
// q, w, e, r, t退出當(dāng)前循環(huán) 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循環(huán)中，return 返回任何值，都只能退出當(dāng)前循環(huán)。
要想跳出整個(gè)forEach循環(huán)，可以使用拋異常的方式：
try{
arr.forEach(function(oo,index){
if(index == 2){
throw 'jumpout';
}
console.log(oo);
});
}catch(e){
}
// q , w以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- JavaScript跳出循環(huán)的三種方法(break, return, continue)
- js for終止循環(huán) 跳出多層循環(huán)
- javaScript如何跳出多重循環(huán)break、continue
- JS forEach跳出循環(huán)2種實(shí)現(xiàn)方法
- JS跳出循環(huán)的5種方法總結(jié)(return、break、continue、throw等)
- Js跳出兩級(jí)循環(huán)方法代碼實(shí)例
- JS中跳出循環(huán)的示例代碼
- JavaScript中遍歷跳出循環(huán)方法總結(jié)
- JavaScript跳出循環(huán)的幾種常用方法總結(jié)
相關(guān)文章
js時(shí)間戳和c#時(shí)間戳互轉(zhuǎn)方法(推薦)
下面小編就為大家?guī)?lái)一篇js時(shí)間戳和c#時(shí)間戳互轉(zhuǎn)方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
微信小程序?qū)崙?zhàn)之登錄頁(yè)面制作(5)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之登錄頁(yè)面制作代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
javascript動(dòng)態(tài)生成樹(shù)形菜單的方法
這篇文章主要介紹了javascript動(dòng)態(tài)生成樹(shù)形菜單的方法,涉及JavaScript針對(duì)頁(yè)面元素與屬性的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
js從數(shù)組中刪除指定值(不是指定位置)的元素實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇js從數(shù)組中刪除指定值(不是指定位置)的元素實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表和循環(huán)鏈表
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表、循環(huán)鏈表，詳細(xì)的介紹了JavaScript如何實(shí)現(xiàn)單鏈表、循環(huán)鏈表，有興趣的可以了解一下2017-11-11
JavaScript利用油猴腳本實(shí)現(xiàn)去水印功能
這篇文章主要為大家詳細(xì)介紹了JavaScript如何利用油猴腳本實(shí)現(xiàn)去水印功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
這篇文章主要介紹了微信小程序wepy框架筆記小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
JS實(shí)現(xiàn)百度搜索接口及鏈接功能實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)百度搜索接口及鏈接功能實(shí)例代碼,需要的朋友可以參考下2018-02-02
一文帶你詳細(xì)理解uni-app如何構(gòu)建小程序
uni-app是近年來(lái)一種新興的多端混合開(kāi)發(fā)框架,適合開(kāi)發(fā)跨平臺(tái)應(yīng)用,方便多端運(yùn)行,下面這篇文章主要給大家介紹了關(guān)于uni-app如何構(gòu)建小程序的相關(guān)資料,需要的朋友可以參考下2022-11-11
引用了jQuery，節(jié)省了很多鼠標(biāo)點(diǎn)擊上的判斷。界面顯然都是照搬Windows的掃雷啦，詳細(xì)的內(nèi)容注釋里都有，感興趣的朋友參考下吧2016-02-02