跳到主要內容
Cypher's Practical Coding
正在準備工作環境...

迴圈

迴圈就是讓程式「重複做某件事」。

想像你要寄行銷簡訊給 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 →