上一課: 第 6 課:多重條件 switch | 下一課: 第 8 課:迴圈 while
第 7 課:迴圈 for
課程摘要:本課將教你如何使用 for 迴圈來重複執行程式,讓電腦自動化完成重複任務,是程式邏輯中最常用的結構之一。
學習目標
- 理解
for迴圈的結構與執行順序。 - 能撰寫簡單的重複執行邏輯。
- 學會使用迴圈搭配條件判斷、陣列處理。
課程大綱
for的基本語法- 遞增與遞減迴圈
- 巢狀迴圈(nested loops)
- 搭配陣列與條件運用
核心概念解說
for 迴圈的基本語法如下:
for (初始值; 條件; 更新) {
// 每次條件成立時執行的程式
}
例如:
for (let i = 0; i < 5; i++) {
console.log("第", i + 1, "次");
}
互動式範例
範例說明:嘗試修改數字、條件或運算方式觀察結果。
常見錯誤與除錯指南
- 條件未設正確,導致無限迴圈。
- 更新項目(如
i++)忘記寫,造成程式卡住。 - 索引超出範圍(處理陣列時常見)。
小測驗(附解析)
- 下列程式會輸出幾次?
for (let i = 0; i < 3; i++) { console.log(i); }答案: 3 次(0、1、2) - 如何讓迴圈從 10 倒數到 1?
答案:
for (let i = 10; i >= 1; i--) { console.log(i); }
複習與下一步
你已能使用 for 迴圈進行重複操作。
下一課將學習
「迴圈 while」,
理解何時使用 while 更靈活地控制流程。
版本資訊:2025-10-22 新增互動範例與小測驗。
版權/授權:本頁程式碼與素材可用於教學與個人專案(請保留出處)。
