迴圈允許我們重複執行某段代碼,直到達到特定的條件。JavaScript 中有幾種常見的迴圈類型:for 迴圈、while 迴圈 和 do...while 迴圈。
for 迴圈是最常見的迴圈之一,允許我們控制循環的次數
for (初始化; 條件; 更新) {
// 執行的代碼
}
範例:
for (let i = 0; i < 5; i++) {
console.log("這是第 " + i + " 次迴圈");
}
這個範例會從 i = 0 開始,當 i 小於 5 時,每次執行後會將 i 增加 1。最終輸出為:
這是第 0 次迴圈
這是第 1 次迴圈
這是第 2 次迴圈
這是第 3 次迴圈
這是第 4 次迴圈
while 迴圈會在條件為 true 時不斷執行代碼,直到條件為 false。
語法:
while (條件) {
// 執行的代碼
}
範例:
let count = 0;
while (count < 3) {
console.log("Count 是 " + count);
count++;
}
這段代碼會在 count 小於 3 時不斷輸出結果,最終會輸出:
Count 是 0
Count 是 1
Count 是 2
do...while 迴圈與 while 迴圈的區別是,do...while 會先執行一次代碼,然後再檢查條件是否成立。
語法:
do {
// 執行的代碼
} while (條件);
範例:
let number = 5;
do {
console.log("Number 是 " + number);
number--;
} while (number > 0);
這段代碼會輸出:
Number 是 5
Number 是 4
Number 是 3
Number 是 2
Number 是 1
迴圈在處理數組時非常有用。
let fruits = ["Apple", "Banana", "Cherry"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
這段代碼會依次輸出數組中的每個水果:
Apple
Banana
Cherry
有時候我們需要提前結束迴圈,可以通過 break 和 continue 來實現
範例:
for (let i = 0; i < 5; i++) {
if (i === 3) {
break; // 當 i 是 3 時,終止迴圈
}
console.log(i);
}
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue; // 當 i 是 2 時,跳過這一次
}
console.log(i);
}
break 範例輸出:
0
1
2
continue 範例輸出:
0
1
3
4