6.1 while 循環
JavaScript 中的循環語句讓你能反覆執行一段程式碼，直到某個條件不再滿足。這是編程中一個重要的部分，可以幫助自動化重複的任務。
while 循環會一直執行程式碼塊，直到條件為真（true）。
語法：
while (condition) {
// 程式碼，當條件為真時執行
}
範例：
JavaScript
let i = 0;
while (i < 5) {
console.log(`迭代號碼 ${i}`);
i++;
}
// 輸出：
// 迭代號碼 0
// 迭代號碼 1
// 迭代號碼 2
// 迭代號碼 3
// 迭代號碼 4
在這個範例中：
- 循環繼續執行，直到
i小於 5 - 在循環內，每次迭代後
i增加 1
6.2 執行程式碼塊 n 次
常常情況下，需要固定次數執行程式碼塊。這個程式碼可寫成 while 循環：
let i = 0;
while (i < 5) {
console.log(`迭代號碼 ${i}`);
i++;
}
一般情況下，它會看起來像這樣：
初始化
while (條件) {
程式碼塊
步驟
}
6.3 for 循環
for 循環
for 循環是 JavaScript 中最常用的循環之一。它專門用於執行特定次數的程式碼塊。
語法：
for (初始化; 條件; 步驟) {
// 在每次迭代中執行的程式碼
}
範例：
JavaScript
for (let i = 0; i < 5; i++) {
console.log(`迭代號碼 ${i}`);
}
// 輸出：
// 迭代號碼 0
// 迭代號碼 1
// 迭代號碼 2
// 迭代號碼 3
// 迭代號碼 4
說明：
let i = 0— 初始化變量i，作為迭代計數器i < 5— 循環繼續的條件。當i等於 5 時，循環停止i++— 每次迭代後執行的步驟，將i的值增加 1
6.4 do...while 循環
do...while 循環類似於 while 循環，但有個不同之處是，它會至少執行一次程式碼塊，然後再檢查條件。
語法：
do {
// 至少執行一次的程式碼
} while (條件);
範例：
JavaScript
let i = 0;
do {
console.log(`迭代號碼 ${i}`);
i++;
} while (i < 5);
// 輸出：
// 迭代號碼 0
// 迭代號碼 1
// 迭代號碼 2
// 迭代號碼 3
// 迭代號碼 4
在這個範例中：
do裡面的程式碼至少執行一次，即使條件一開始為假- 執行程式碼塊後，檢查條件，如果為真，循環繼續
6.5 循環比較
| 循環 | 何時使用 | 特點 |
|---|---|---|
| for | 當已知迭代次數時 | 語法簡潔，適合用於陣列 |
| while | 當迭代次數不確定時 | 在每次迭代前檢查條件 |
| do-while | 當需要至少執行一次程式碼塊時 | 在執行程式碼塊後檢查條件 |
循環使用範例
使用 for 遍歷陣列：
JavaScript
let array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
// 輸出: 1 2 3 4 5
使用 while 等待條件成立：
JavaScript
let n = 0;
let x = 0;
while (n < 3) {
n++;
x += n;
}
console.log(x); // 6 (1 + 2 + 3)
使用 do-while 至少執行一次迭代：
JavaScript
let i = 0;
do {
console.log(i);
i++;
} while (i < 0);
// 輸出: 0 (即使條件為假，循環也執行了一次)
GO TO FULL VERSION