在前端開發(fā)中,javascript for跳出是一個非常重要的語法,他可以讓我們在循環(huán)中根據(jù)條件跳出循環(huán)。下面就來詳細介紹一下javascript for跳出的語法和用法。
在循環(huán)體中,如果需要跳出循環(huán),可以使用break語句,具體語法如下:
for (let i = 0; i< 10; i++) { if (i === 5) { break; } console.log(i); }
以上代碼中,當(dāng)i的值等于5時,循環(huán)會被打斷,輸出結(jié)果為:
0 1 2 3 4
除了break語句,還可以使用continue語句跳過當(dāng)前循環(huán),繼續(xù)下一次循環(huán),具體語法如下:
for (let i = 0; i< 10; i++) { if (i === 5) { continue; } console.log(i); }
以上代碼中,當(dāng)i的值等于5時,當(dāng)前循環(huán)會被跳過,繼續(xù)下一次循環(huán),輸出結(jié)果為:
0 1 2 3 4 6 7 8 9
對于嵌套循環(huán),需要注意跳出和跳過的作用范圍。當(dāng)在內(nèi)層循環(huán)中使用break語句時,只能跳出內(nèi)層循環(huán),而不是整個循環(huán),具體語法如下:
for (let i = 0; i< 10; i++) { for (let j = 0; j< 10; j++) { if (j === 5) { break; } console.log(i, j); } }
以上代碼中,當(dāng)j的值等于5時,只會跳出內(nèi)層循環(huán),輸出結(jié)果為:
0 0 0 1 0 2 0 3 0 4 1 0 1 1 1 2 1 3 1 4 2 0 2 1 2 2 2 3 2 4 3 0 3 1 3 2 3 3 3 4 4 0 4 1 4 2 4 3 4 4 5 0 5 1 5 2 5 3 5 4 6 0 6 1 6 2 6 3 6 4 7 0 7 1 7 2 7 3 7 4 8 0 8 1 8 2 8 3 8 4 9 0 9 1 9 2 9 3 9 4
如果在內(nèi)層循環(huán)中使用return語句,則會直接跳出整個函數(shù),具體語法如下:
function test() { for (let i = 0; i< 10; i++) { for (let j = 0; j< 10; j++) { if (j === 5) { return; } console.log(i, j); } } } test();
以上代碼中,當(dāng)j的值等于5時,直接跳出函數(shù),不再執(zhí)行循環(huán),輸出結(jié)果為:
0 0 0 1 0 2 0 3 0 4
總之,在循環(huán)體中合理使用break和continue語句,可以使代碼更加簡潔、高效。