正在準備工作環境...
迴圈
迴圈就是讓程式「重複做某件事」。
想像你要寄行銷簡訊給 100 個客戶,你不會手動寄 100 次,而是告訴系統:「對每個客戶,執行一次寄送」。這就是迴圈的概念。
for 迴圈
for 迴圈是最常用的迴圈,適合在「知道要跑幾次」的時候使用。
語法拆解:
for (起始值; 條件; 每次更新) {
// 重複執行的程式
}
| 部分 | 範例 | 說明 |
|---|---|---|
| 起始值 | let i = 1 | 從 1 開始 |
| 條件 | i <= 3 | 只要 i 小於等於 3 就繼續 |
| 每次更新 | i++ | 每次跑完 i 加 1 |
用 for 迴圈計算總金額
用 for 迴圈走訪陣列
迴圈最常搭配陣列使用(下一課會深入介紹陣列):
注意:陣列的索引從 0 開始,所以第一個元素是
products[0]。
while 迴圈
while 迴圈適合在「不確定要跑幾次」的時候使用——只要條件成立,就一直跑。
小心無限迴圈:如果 while 的條件永遠是
true,程式會跑到當掉。一定要確保條件最終會變成false。
for 和 while 怎麼選?
| 情境 | 建議用 |
|---|---|
| 知道要重複幾次 | for |
| 不確定次數,看條件決定 | while |
| 走訪陣列的每一個元素 | for |
實際應用:計算折扣後總價
AI 協作:學了這個,跟 AI 怎麼配合?
迴圈 + 陣列 = 批次處理的核心。AI 幫你把「手動重複 100 次」的工作寫成 3 行程式。
你的人類優勢:
- 你知道要「對哪批資料」做什麼處理
- 你能判斷迴圈跑完的結果是不是你要的
可以這樣跟 AI 說:
我有一個訂單金額的陣列 [590, 390, 1200, 250],幫我用 for 迴圈計算總金額,並找出最大值。
練習題
互動示範
DEMO 1可以修改程式碼試玩
DEMO 2可以修改程式碼試玩
DEMO 3可以修改程式碼試玩
DEMO 4可以修改程式碼試玩
DEMO 5可以修改程式碼試玩
挑戰任務
Task 1
請用 for 迴圈,印出 1 到 5 的數字,每個數字一行(依序印出 1、2、3、4、5)。
Task 2
請宣告 prices = [200, 350, 150],用 for 迴圈計算所有價格的總和,最後用 console.log 印出總和。
Task 3
用 while 迴圈從 5 倒數到 1,每個數字印一行
← BackNext Lesson →