iT邦幫忙

2025 iThome 鐵人賽

DAY 22
0
Modern Web

30天絕望倒數JavaScript系列 第 22

JavaScript For Loop

  • 分享至 

  • xImage
  •  

什麼是 for 迴圈?

for 迴圈是 JavaScript 中最常見的重複執行語句之一。
當條件為 true 時,迴圈會一再執行相同的程式區塊。

語法結構

for (初始化; 條件判斷; 更新) {
  // 要重複執行的程式碼
}

結構說明:

區塊 說明
初始化 (Initialization) 設定起始值,只執行一次。
條件判斷 (Condition) 每次執行前檢查是否為 true,若為 false 則停止。
更新 (Update) 每次執行完後更新變數值。

範例一:基本 for 迴圈

for (let i = 1; i <= 5; i++) {
  console.log("第 " + i + " 次執行");
}

輸出結果:

第 1 次執行
第 2 次執行
第 3 次執行
第 4 次執行
第 5 次執行


範例二:倒數計數

for (let i = 5; i > 0; i--) {
  console.log("倒數:" + i);
}

輸出結果:

倒數:5
倒數:4
倒數:3
倒數:2
倒數:1


範例三:條件判斷結合 for 迴圈

for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    console.log(i + " 是偶數");
  }
}

輸出結果:

2 是偶數
4 是偶數
6 是偶數
8 是偶數
10 是偶數


進階控制語句

break:提前結束整個迴圈

for (let i = 1; i <= 10; i++) {
  if (i === 5) break;
  console.log(i);
}

輸出結果:

1
2
3
4


continue:跳過當次迴圈,繼續下一次

for (let i = 1; i <= 5; i++) {
  if (i === 3) continue;
  console.log(i);
}

輸出結果:

1
2
4
5


範例四:for 迴圈加總

let sum = 0;
for (let i = 1; i <= 5; i++) {
  sum += i;
}
console.log("總和是:" + sum);

輸出結果:

總和是:15


小結

重點 說明
for 用於重複執行程式碼
三大部分 初始化、條件判斷、更新
可搭配 breakcontinue 控制流程
適合用於 已知執行次數的情況

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

尚未有邦友留言

立即登入留言