CodeGym/Adesua ahorow/Frontend SELF TW/JavaScript 中的循環語句

JavaScript 中的循環語句

開放

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 (即使條件為假,循環也執行了一次)
1
任務
Frontend SELF TW,  等級 34課堂 0
上鎖
計算從1加到n的總和
計算從1加到n的總和
1
任務
Frontend SELF TW,  等級 34課堂 0
上鎖
20以內的偶數
20以內的偶數
留言
  • 受歡迎
你必須登入才能留言
此頁面尚無留言