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