昨天我們學了 if/else 條件判斷，能讓程式走不同的分支。
但有時候我們需要程式 重複做一件事，例如：

•把 1 到 100 的數字加總

•顯示 10 次「Hello」

•建立清單項目

如果每次都自己寫一行，會累死 🤯。
所以今天要學的就是 迴圈 (loop) —— 幫我們自動重複執行的工具。

1. for 迴圈

語法：

for (起始值; 條件; 每次執行後的變化) {
  // 要重複的程式
}

範例：數數 1～5

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

2. while 迴圈

語法：

while (條件) {
  // 只要條件成立就會一直執行
}

範例：數數 1～5

let i = 1;
while (i <= 5) {
  console.log(i);
  i++;
}

3. do…while 迴圈

先做一次，再檢查條件。

let i = 1;
do {
  console.log(i);
  i++;
} while (i <= 5);

4. break 與 continue

•break → 立刻跳出迴圈

•continue → 跳過這次，繼續下一次

範例：只印出偶數

for (let i = 1; i <= 10; i++) {
  if (i % 2 !== 0) continue;
  console.log(i); // 2, 4, 6, 8, 10
}

今日實戰

(1) 1 到 10 的總和

<script>
  let sum = 0;
  for (let i = 1; i <= 10; i++) {
    sum += i;
  }
  console.log("總和 =", sum); // 55
</script>

(2) 九九乘法表（for 巢狀迴圈）

<script>
  for (let i = 1; i <= 9; i++) {
    let row = "";
    for (let j = 1; j <= 9; j++) {
      row += `${i}×${j}=${i*j} `;
    }
    console.log(row);
  }
</script>

(3) 建立清單項目

<ul id="list"></ul>
<script>
  const list = document.getElementById("list");
  for (let i = 1; i <= 5; i++) {
    const li = document.createElement("li");
    li.textContent = `項目 ${i}`;
    list.appendChild(li);
  }
</script>

今日小結

•for：適合知道「重複次數」的情況。

•while：適合「只要條件成立就一直執行」。

•do…while：至少執行一次。

•break / continue：控制迴圈流程。

今天我們讓程式自動重複做事，真的超省力 💪。
明天（Day 19）要學的是 函式 (function)，把程式打包成「魔法咒語」，想用的時候直接呼叫！