iT邦幫忙

2025 iThome 鐵人賽

DAY 24
0

break 語句用來中斷 (跳出) 目前的迴圈或 switch 區塊。當 JavaScript 執行到 break 時,會立刻停止該區塊的執行,並跳到程式區塊外繼續執行下一段程式。

語法

break;

或在標籤語句中:

break labelName;

用法一:跳出迴圈

當滿足某個條件時,使用 break 離開 for、while 或 do...while 迴圈。

for (let i = 1; i <= 10; i++) {
  if (i === 5) {
    break; // 當 i 等於 5 時跳出迴圈
  }
  console.log(i);
}
console.log("迴圈結束");

輸出結果:

1
2
3
4
迴圈結束

說明:

當 i 等於 5 時,break 會讓程式跳出整個 for 迴圈,不再執行後面的 console.log(i)。

用法二:中斷 while 迴圈

let count = 0;

while (true) { // 無限迴圈
  count++;
  if (count === 3) {
    break; // 達到條件跳出迴圈
  }
  console.log("次數:" + count);
}

console.log("迴圈結束");

輸出結果:

次數:1
次數:2
迴圈結束

用法三:在 switch 中使用

在 switch 區塊中,break 可避免「貫穿 (fall-through)」現象。

let color = "red";

switch (color) {
  case "red":
    console.log("紅色");
    break;
  case "blue":
    console.log("藍色");
    break;
  default:
    console.log("未知顏色");
}

輸出結果:

紅色

說明:

若沒有 break,程式會繼續執行下一個 case,直到遇到 break 或結束 switch。

用法四:搭配標籤語句跳出多層迴圈

當有巢狀迴圈時,可以使用「標籤 (label)」搭配 break 一次跳出多層。

outerLoop: // 標籤名稱
for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (i === 2 && j === 2) {
      break outerLoop; // 跳出外層迴圈
    }
    console.log(`i=${i}, j=${j}`);
  }
}

console.log("結束所有迴圈");

輸出結果:

i=1, j=1
i=1, j=2
i=1, j=3
i=2, j=1
結束所有迴圈

小結

用途 說明
break 結束目前迴圈或 switch 區塊
break labelName; 結束特定標籤的區塊(通常用於巢狀迴圈)

上一篇
JavaScript While Loop
系列文
30天絕望倒數JavaScript24
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言