iT邦幫忙

2025 iThome 鐵人賽

DAY 23
0
Modern Web

30天絕望倒數JavaScript系列 第 23

JavaScript While Loop

  • 分享至 

  • xImage
  •  

while 迴圈會在「條件為 true」的情況下重複執行一段程式碼。只要條件成立,程式就會一直執行下去。

語法

while (條件) {
  // 重複執行的程式碼
}

說明:

1.先檢查條件是否為 true。
2.若條件為 true,則執行迴圈內容。
3.每次執行完後會再次檢查條件。
4.若條件為 false,則結束迴圈。

注意

一定要在迴圈中改變條件的變數,
否則會造成無限迴圈 !

範例 1:基本 while 迴圈

let i = 1;

while (i <= 5) {
  console.log(i);
  i++;  // 不可忘記這行!
}

輸出結果:

1
2
3
4
5

範例 2:計算總和

let sum = 0;
let i = 1;

while (i <= 10) {
  sum += i;
  i++;
}

console.log("總和為:" + sum);

輸出結果:

總和為:55

範例 3:反向計數

let count = 5;

while (count > 0) {
  console.log("倒數:" + count);
  count--;
}

console.log("時間到!");

輸出結果:

倒數:5
倒數:4
倒數:3
倒數:2
倒數:1
時間到!

範例 4:使用條件中止迴圈(break)

let i = 1;

while (true) {
  console.log(i);
  if (i === 3) {
    break; // 強制跳出迴圈
  }
  i++;
}

輸出結果:

1
2
3

範例 5:使用 continue 跳過本次迴圈

let i = 0;

while (i < 5) {
  i++;
  if (i === 3) {
    continue; // 跳過這次
  }
  console.log(i);
}

輸出結果:

1
2
4
5

延伸:do...while 迴圈

do...while 與 while 類似,不同之處在於:
即使條件不成立,也至少會執行一次。

let i = 1;

do {
  console.log(i);
  i++;
} while (i <= 5);

輸出:

1
2
3
4
5

小結

類型 說明
for 適合已知執行次數
while 適合條件式控制的重複
do...while 至少會執行一次的迴圈

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

尚未有邦友留言

立即登入留言