js如何跳出for循環(huán)和forEach循環(huán)
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
前言:在實(shí)際寫for循環(huán)去遍歷數(shù)組的時(shí)候,當(dāng)我們找到滿足某個(gè)條件的數(shù)據(jù)并且為了節(jié)約瀏覽器的性能,免不了有要結(jié)束for循環(huán)的需求,以下是常見的跳出for循環(huán)的方法。 如何跳出for單循環(huán)1、終止for單循環(huán)使用break var array = [1,2,3,4,5]; for (let index = 0; index < array.length; index++) { const element = array[index]; console.log(element); if (element==3) { break; } } 打印出的結(jié)果為1,2,3,當(dāng)滿足3這個(gè)條件時(shí)終止循環(huán)語句。 2、結(jié)束當(dāng)前循環(huán),進(jìn)入下個(gè)循環(huán)時(shí)使用continue var array = [1,2,3,4,5]; for (let index = 0; index < array.length; index++) { const element = array[index]; if (element==3) { continue; } console.log(element); } 打印出的結(jié)果為1,2,4,5,當(dāng)滿足3這個(gè)條件時(shí)跳出當(dāng)前循環(huán),不執(zhí)行continue后面的語句,轉(zhuǎn)而執(zhí)行下個(gè)循環(huán)。 3、當(dāng)循環(huán)語句寫在函數(shù)中時(shí)直接用return語句終止循環(huán),作用相當(dāng)于break var func = function() { var array = [1,2,3,4,5]; for (let index = 0; index < array.length; index++) { const element = array[index]; console.log(element); if (element==3) { return; } } } func(); 打印出的結(jié)果為1,2,3,當(dāng)滿足3這個(gè)條件時(shí)終止循環(huán)語句。 如何跳出for雙重循環(huán)但是當(dāng)我們使用了多層for循環(huán)的時(shí)候,使用 1、使用label語句 這種方式很少有人知道,但是必須得記住這種常用的方法。 var array = [1,2,3,4,5]; jump: for (let i = 0; i < array.length; i++) { for (let j = 0; j < array.length; j++) { if (i==2&&j==2) { break jump; } console.log(i , j); } }
2、定義一個(gè)字段用來判斷什么時(shí)候跳出外層循環(huán) var array = [1,2,3,4,5]; var flag = false; // 為true時(shí)說明需要跳出外層循環(huán) for (let i = 0; i < array.length; i++) { for (let j = 0; j < array.length; j++) { if (i==2&&j==2) { flag = true; break; } console.log(i,j); } if (flag) { break; } } 打印出的結(jié)果和1中的結(jié)果一樣。 3、當(dāng)循環(huán)語句寫在函數(shù)中時(shí)直接用return語句終止雙重循環(huán) var array = [1,2,3,4,5]; var func = function() { for (let i = 0; i < array.length; i++) { for (let j = 0; j < array.length; j++) { if (i==2&&j==2) { return; } console.log(i,j); } } } func(); 打印出的結(jié)果和1中的結(jié)果一樣,這里使用retun跳出函數(shù),同時(shí)也跳出循環(huán)語句。 如何跳出forEach循環(huán)首先需要注意的是在forEach中不能使用continue和break,否則會(huì)報(bào)如下錯(cuò)誤。
1、使用retun結(jié)束當(dāng)前循環(huán) var array = [1,2,3,4,5]; array.forEach((el,i)=>{ if (el==3) { return; } console.log(el); }) 打印出的結(jié)果為1,2,4,5,當(dāng)滿足3這個(gè)條件時(shí)跳出當(dāng)前循環(huán),不執(zhí)行return后面的語句,轉(zhuǎn)而執(zhí)行下個(gè)循環(huán),其作用相當(dāng)于for循環(huán)里使用continue。 2、使用數(shù)組的some()函數(shù)或every()函數(shù)替代forEach 轉(zhuǎn)自https://www.cnblogs.com/tsl0324/p/14971559.html 該文章在 2025/11/1 9:26:33 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |