javascript if...else 語句

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

1. 條件語句

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

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

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

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

2. if 語句

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

語法

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

注釋：if 使用小寫字母。大學字母（if 或 if）會產生 javascript 錯誤。

范例

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

if (hour < 18) {
    greeting = "good day";
}

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

good day

3. else 語句

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

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

范例

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

if (hour < 18) {
    greeting = "good day";
 } else {
    greeting = "good evening";
 } 

greeting 的結果：

var hour = new date().gethours(); 
var greeting;
if (hour < 18) {
	greeting = "good day";
} else {
	greeting = "good evening";
}
document.getelementbyid("demo2").innerhtml = greeting;

4. else if 語句

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

語法

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

范例

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

if (time < 10) {
    greeting = "good morning";
 } else if (time < 18) {
    greeting = "good day";
 } else {
    greeting = "good evening";
 } 

greeting 的結果：

var greeting;
var time = new date().gethours();
if (time < 10) {
	greeting = "good morning";
} else if (time < 20) {
	greeting = "good day";
} else {
	greeting = "good evening";
}
document.getelementbyid("demo3").innerhtml = greeting;