JavaScript 中的條件語句和循環

第 4 天：JavaScript 中的條件語句與迴圈

歡迎來到學習 JavaScript 的第四天！今天，我們將重點放在條件語句和循環，它們構成了程式設計中邏輯和迭代的支柱。在本課程結束時，您將能夠在程式碼中做出決策並有效地重複操作。

---

1.條件語句

條件語句允許您的程式碼根據某些條件做出決策。 JavaScript 提供了多種實作條件邏輯的方法。

If-Else 語句

if 語句檢查條件並在條件為真時執行程式碼。 else 語句在條件為 false 時提供替代路徑。

文法：

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}

範例：

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

Else-If 階梯

使用 else if 來測試多個條件。

範例：

let score = 75;
if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 75) {
  console.log("Grade: B");
} else {
  console.log("Grade: C");
}

Switch-Case 語句

switch 語句是多個 if-else 區塊的替代方案。當您有許多基於單一變數或表達式的條件時，這是理想的選擇。

文法：

switch (expression) {
  case value1:
    // Code to execute if expression === value1
    break;
  case value2:
    // Code to execute if expression === value2
    break;
  default:
    // Code to execute if no cases match
}

範例：

let day = 3;
switch (day) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Invalid day");
}

---

2.循環

迴圈用於多次執行一段程式碼。

For 循環

for 迴圈運行特定次數的迭代。

文法：

for (initialization; condition; increment/decrement) {
  // Code to execute
}

範例：

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

While 循環

只要條件為真，就會執行 while 迴圈。

文法：

while (condition) {
  // Code to execute
}

範例：

let count = 1;
while (count <= 5) {
  console.log("Count:", count);
  count++;
}

Do-While 迴圈

do-while 迴圈確保程式碼在檢查條件之前至少執行一次。

文法：

do {
  // Code to execute
} while (condition);

範例：

let count = 1;
do {
  console.log("Count:", count);
  count++;
} while (count <= 5);

---

3.中斷並繼續

• Break：立即退出循環。
• 繼續：跳過目前迭代並移至下一個迭代。

範例：

for (let i = 1; i <= 10; i++) {
  if (i === 5) break; // Stops the loop when i is 5
  console.log(i);
}

for (let i = 1; i <= 10; i++) {
  if (i === 5) continue; // Skips iteration when i is 5
  console.log(i);
}

---

4.現實世界的例子

密碼驗證

檢查使用者的密碼是否符合資格。

範例：

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}

櫃檯

使用迴圈來計算出現次數或執行重複操作。

範例：

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

---

今天的練習

1. 寫一個程序，使用 if-else 語句檢查數字是偶數還是奇數。
2. 建立一個 for 迴圈來列印給定數字的乘法表。
3. 使用 while 迴圈計算 1 到 50 之間的數字總和。
4. 使用 continue 修改 for 迴圈以跳過可被 3 整除的數字。

---

第四天總結

今天，我們學到了：

1. 條件語句：使用 if-else 和 switch-case 來做決策。
2. 迴圈：使用 for、while 和 do-while 迴圈重複操作。
3. Break and continue：控制循環流程。
4. 現實世界的範例，例如密碼驗證和計數器。

---

後續步驟

在第 5 天，我們將深入研究函數和範圍，重點是如何有效地組織和重用程式碼。敬請期待 2024 年 12 月 12 日！

以上是JavaScript 中的條件語句和循環的詳細內容。更多資訊請關注PHP中文網其他相關文章！