JavaScript If…Else 語句

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


條件語句

通常在寫程式碼時,您總是需要為不同的決定來執行不同的動作。您可以在程式碼中使用條件語句來完成該任務。

在 JavaScript 中,我們可使用以下條件語句:

  • if 語句 - 只有當指定條件為 true 時,使用該語句來執行程式碼
  • if...else 語句 - 當條件為 true 時執行程式碼,當條件為 false 時執行其他程式碼
  • if...else if....else 語句- 使用該語句來選擇多個程式碼塊之一來執行
  • switch 語句 - 使用該語句來選擇多個程式碼塊之一來執行

if 語句

只有當指定條件為 true 時,該語句才會執行程式碼。

語法

if (condition)
{
    當條件為 true 時執行的程式碼
}

請使用小寫的 if。使用大寫字母(IF)會生成 JavaScript 錯誤!

例項

當時間小於 20:00 時,生成問候 "Good day":

if (time<20) { x="Good day"; }
x 的結果是:


嘗試一下 ?

請注意,在這個語法中,沒有 ..else..。您已經告訴瀏覽器只有在指定條件為 true 時才執行程式碼。


if...else 語句

請使用 if....else 語句在條件為 true 時執行程式碼,在條件為 false 時執行其他程式碼。

語法

if (condition)
{
    當條件為 true 時執行的程式碼
}
else
{
    當條件不為 true 時執行的程式碼
}

例項

當時間小於 20:00 時,生成問候 "Good day",否則生成問候 "Good evening"。

if (time<20) { x="Good day"; } else { x="Good evening"; }

x 的結果是:


嘗試一下 ?


if...else if...else 語句

使用 if....else if...else 語句來選擇多個程式碼塊之一來執行。

語法

if (condition1)
{
    當條件 1 為 true 時執行的程式碼
}
else if (condition2)
{
    當條件 2 為 true 時執行的程式碼
}
else
{
當條件 1 和 條件 2 都不為 true 時執行的程式碼
}

例項

如果時間小於 10:00,則生成問候 "Good morning",如果時間大於 10:00 小於 20:00,則生成問候 "Good day",否則生成問候 "Good evening":

if (time<10) { document.write("<b>早上好</b>"); } else if (time>=10 && time<20) { document.write("<b>今天好</b>"); } else { document.write("<b>晚上好!</b>"); }

x 的結果是:


嘗試一下 ?


Examples

更多例項

隨機連結
這個例項演示了一個連結,當您點選連結時,會帶您到不同的地方去。每種機會都是 50% 的概率。