javascript if...else 語(yǔ)句

條件語(yǔ)句用于基于不同條件執(zhí)行不同的動(dòng)作。

1. 條件語(yǔ)句

在您寫(xiě)代碼時(shí)，經(jīng)常會(huì)需要基于不同判斷執(zhí)行不同的動(dòng)作。

您可以在代碼中使用條件語(yǔ)句來(lái)實(shí)現(xiàn)這一點(diǎn)。

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

• 使用 if 來(lái)規(guī)定要執(zhí)行的代碼塊，如果指定條件為 true
• 使用 else 來(lái)規(guī)定要執(zhí)行的代碼塊，如果相同的條件為 false
• 使用 else if 來(lái)規(guī)定要測(cè)試的新條件，如果第一個(gè)條件為 false
• 使用 switch 來(lái)規(guī)定多個(gè)被執(zhí)行的備選代碼塊

2. if 語(yǔ)句

請(qǐng)使用 if 語(yǔ)句來(lái)規(guī)定假如條件為 true 時(shí)被執(zhí)行的 javascript 代碼塊。

語(yǔ)法

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

注釋：if 使用小寫(xiě)字母。大學(xué)字母（if 或 if）會(huì)產(chǎn)生 javascript 錯(cuò)誤。

范例

如果時(shí)間早于 18:00，則發(fā)出 "good day" 的問(wèn)候：

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

如果時(shí)間早于 18 點(diǎn)，則 greeting 的結(jié)果將是：

good day

3. else 語(yǔ)句

請(qǐng)使用 else 語(yǔ)句來(lái)規(guī)定假如條件為 false 時(shí)的代碼塊。

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

范例

如果 hour 小于 18，創(chuàng)建 "good day" 問(wèn)候，否則 "good evening"：

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

greeting 的結(jié)果：

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 語(yǔ)句

請(qǐng)使用 else if 來(lái)規(guī)定當(dāng)首個(gè)條件為 false 時(shí)的新條件。

語(yǔ)法

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

范例

如果時(shí)間早于 10:00，則創(chuàng)建 "good morning" 問(wèn)候，如果不是，但時(shí)間早于 18:00，則創(chuàng)建 "good day" 問(wèn)候，否則創(chuàng)建 "good evening"：

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

greeting 的結(jié)果：

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;