上一課： 第 19 課：運算式條件與進階控制範例 ｜ 下一課： 第 21 課：循環控制與遍歷操作

第 20 課：迴圈與遍歷 for 與 while

課程摘要：本課將介紹 JavaScript 的迴圈語法，包括 for、while 與 do...while，學習如何重複執行程式區塊，並應用於資料遍歷與邏輯控制。

學習目標

1. 能使用 for 與 while 實作重複執行。
2. 理解迴圈的中斷與繼續機制。
3. 能遍歷陣列並整合條件判斷。

課程大綱

• for 迴圈基礎
• while 與 do...while
• 巢狀迴圈與控制關鍵字
• 實際應用：資料遍歷與累計

核心概念解說

for 迴圈 是最常見的迴圈語法，結構如下：

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

while 迴圈 適用於條件控制型的執行：

let count = 0;
while (count < 3) {
  console.log("目前 count:", count);
  count++;
}
  

do...while 至少會執行一次，即使條件不成立：

let num = 5;
do {
  console.log("執行一次，即使條件不符");
  num++;
} while (num < 3);
  

互動式範例

範例說明：修改條件、次數或結構觀察結果變化。

常見錯誤與除錯指南

• 忘記遞增（i++ 或 count++）會導致無限迴圈。
• 條件判斷錯誤會造成邏輯錯亂或未執行。
• 巢狀迴圈需謹慎規劃，以避免效能問題。

小測驗（附解析）

1. while 與 do...while 的主要差異是什麼？
   答案： do...while 至少會執行一次，即使條件不成立。
2. 如何避免無限迴圈？
   答案： 確保每次執行後條件最終會變為 false。

複習與下一步

本課學習了 for、while、do...while 的結構與應用。 下一課將介紹 「循環控制與遍歷操作」， 進一步學會在迴圈中有效處理資料。