javascript實(shí)現(xiàn)label標(biāo)簽跳出循環(huán)操作
出場(chǎng):
首先我們來(lái)說(shuō)說(shuō)為什么需要label標(biāo)簽,雖然我們已經(jīng)知道有break,continue跳出循環(huán),但如果是多重循環(huán)那么它們就顯的無(wú)能為力了,所以就出現(xiàn)了label這個(gè)標(biāo)簽來(lái)為我們服務(wù)。
我們先來(lái)看看單獨(dú)使用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);
}
}
}
運(yùn)行結(jié)果:
i:0--j:0 i:0--j:1 i:0--j:2 i:0--j:3 i:1--j:0 當(dāng)i和j===1的時(shí)候,它只跳出了j循環(huán),因此它又會(huì)回到i循環(huán)體 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
從上面的運(yùn)行結(jié)果中我們可以發(fā)現(xiàn)如果單純的使用break遠(yuǎn)遠(yuǎn)不能夠完成一些復(fù)雜的操作。
label標(biāo)簽可以是任意的名稱,但不能是保留字,他們幾乎是和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);
}
}
}
運(yùn)行結(jié)果:
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
成功跳出循環(huán)。
提試:bk只是一個(gè)名稱,你隨意,當(dāng)然不能是js中的關(guān)鍵字
continue用法一樣,不舉例。
很簡(jiǎn)單的例子,希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
JavaScript常用代碼書(shū)寫(xiě)規(guī)范的超全面總結(jié)
這篇文章給大家全面總結(jié)了JavaScript常用代碼的書(shū)寫(xiě)規(guī)范,分別利用推薦和不推薦的兩種示例代碼讓大家更能直接的了解書(shū)寫(xiě)規(guī)范,其實(shí)關(guān)于javascript代碼規(guī)范我們應(yīng)該遵循古老的原則:“能做并不意味著應(yīng)該做”,好了,下面我們就來(lái)一起看看吧。2016-09-09
Javascript數(shù)據(jù)結(jié)構(gòu)與算法之列表詳解
這篇文章主要介紹了Javascript數(shù)據(jù)結(jié)構(gòu)與算法之列表詳解,本文講解了列表的抽象數(shù)據(jù)類型定義、如何實(shí)現(xiàn)列表類等內(nèi)容,需要的朋友可以參考下2015-03-03
詳解如何在Canvas上實(shí)現(xiàn)坐標(biāo)定位
這篇文章我們將來(lái)詳細(xì)的給大家講解一下如何在 canvas 上實(shí)現(xiàn)坐標(biāo)的定位,文中有詳細(xì)的代碼示例供大家參考,具有一定的參考價(jià)值,需要的朋友可以參考下2023-08-08
JavaScript常用內(nèi)置對(duì)象用法分析
這篇文章主要介紹了JavaScript常用內(nèi)置對(duì)象用法,簡(jiǎn)單總結(jié)分析了javascript String對(duì)象、Date對(duì)象、Math類、數(shù)組對(duì)象等常見(jiàn)對(duì)象的相關(guān)功能、方法與使用注意事項(xiàng),需要的朋友可以參考下2019-07-07
js實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成背景顏色
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成背景顏色,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09

