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 



<h4>
  
  
  <strong>While 循環</strong>
</h4>

<p>只要條件為真，就會執行 while 迴圈。 </p>

<p><strong>文法：</strong><br>
</p>

<pre class="brush:php;toolbar:false">while (condition) {
  // Code to execute
}

範例：

let count = 1;
while (count 



<h4>
  
  
  <strong>Do-While 迴圈</strong>
</h4>

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

<p><strong>文法：</strong><br>
</p>

<pre class="brush:php;toolbar:false">do {
  // Code to execute
} while (condition);

範例：

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




<hr>

<h3>
  
  
  <strong>3.中斷並繼續</strong>
</h3>

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

範例：

for (let i = 1; i 




<hr>

<h3>
  
  
  <strong>4.現實世界的例子</strong>
</h3>

<h4>
  
  
  <strong>密碼驗證</strong>
</h4>

<p>檢查使用者的密碼是否符合資格。 </p>

<p><strong>範例：</strong><br>
</p><pre class="brush:php;toolbar: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.");
}

---

今天的練習

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中文網其他相關文章！