JavaScript If...Else 語句

• JS 比較
• JS Switch

條件語句用於基於不同條件執行不同的動作。

條件語句

在您寫代碼時，經常會需要基於不同判斷執行不同的動作。

您可以在代碼中使用條件語句來實現這一點。

在 JavaScript 中，我們可使用如下條件語句：

• 使用 if 來規定要執行的代碼塊，如果指定條件為 true
• 使用 else 來規定要執行的代碼塊，如果相同的條件為 false
• 使用 else if 來規定要測試的新條件，如果第一個條件為 false
• 使用 switch 來規定多個被執行的備選代碼塊

if 語句

請使用 if 語句來規定假如條件為 true 時被執行的 JavaScript 代碼塊。

語法

<code>if (條件) {
    如果條件為 true 時執行的代碼
} 
/<code>

註釋：if 使用小寫字母。大學字母（IF 或 If）會產生 JavaScript 錯誤。

實例

如果時間早於 18:00，則發出 "Good day" 的問候：

<code>if (hour < 18) {
    greeting = "Good day";
}
/<code>

如果時間早於 18 點，則 greeting 的結果將是：

<code>Good day/<code>

親自試一試

else 語句

請使用 else 語句來規定假如條件為 false 時的代碼塊。

<code>if (條件) {
    條件為 true 時執行的代碼塊
} else { 
    條件為 false 時執行的代碼塊
}
/<code>

實例

如果 hour 小於 18，創建 "Good day" 問候，否則 "Good evening"：

<code>if (hour < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 } 
/<code>

greeting 的結果：

<code>Good day
/<code>

親自試一試

else if 語句

請使用 else if 來規定當首個條件為 false 時的新條件。

語法

<code>if (條件 1) {
    條件 1 為 true 時執行的代碼塊
} else if (條件 2) {
    條件 1 為 false 而條件 2 為 true 時執行的代碼塊
 } else {
    條件 1 和條件 2 同時為 false 時執行的代碼塊
}
/<code>

實例

如果時間早於 10:00，則創建 "Good morning" 問候，如果不是，但時間早於 18:00，則創建 "Good day" 問候，否則創建 "Good evening"：

<code>if (time < 10) {
    greeting = "Good morning";
 } else if (time < 18) {
    greeting = "Good day";
 } else { 

    greeting = "Good evening";
 } 
/<code>

greeting 的結果：

<code>Good morning
/<code>

閱讀更多 鎮上寶塔 的文章

關鍵字: 語句 JavaScript