JavaScript for循環的終止問題

• 2022 年 11 月 11 日
• 筆記
• Break, Continue, For, javascript, Return

js的for循環，return,break,continue的使用方式和解釋

let funcFor = () => {
    for (let i = 0; i < 4; i++) {
            if (i == 2) {
                // return //這裡的return,將會退出整個函數,不執行後面的語句，輸出 0 1
                // break // 只會跳出當前for循環，輸出 0 1 999
                // continue // 跳過此次循環後面的語句，輸出 0 1 3 999
            }
            console.log(i);
    }
    console.log('999');
}
// 使用setTimeout是為了輸出結果能在最後面顯示
setTimeout(() => {
    funcFor()
}, 2000);

驗證雙重for循環，結論與上述一致

let funcFor = () => {
    for (let i = 0; i < 4; i++) {
         for (let i = 0; i < 4; i++) {
            if (i == 2) {
                // return //這裡的return,將會退出整個函數,不執行後面的語句，輸出 0 1
                // break // 只會跳出當前for循環，輸出 0 1 0 1 0 1 0 1 999
                // continue // 跳過此次循環後面的語句，輸出 0 1 3 0 1 3 0 1 3 0 1 3 999
            }
            console.log(i);
         }

    }
    console.log('999');
}
setTimeout(() => {
    funcFor()
}, 2000);

總結：函數裏面想跳出當前for循環並執行後面語句，需要使用 break ，跳出函數使用return。