JavaScript If...Else 語句
條件語句用于基于不同的條件來執行不同的動作。
條件語句
通常在寫代碼時,您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該任務。
在 JavaScript 中,我們可使用以下條件語句:
- if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼
- if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼
- JavaScript三目運算 - 當條件為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";
}
<p
x 的結果是:
Good day
嘗試一下 ? 請注意,在這個語法中,沒有 ..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 的結果是:
Good day
嘗試一下 ?
Javascript三目運算(三元運算) 語句
請使用 (condition1) ? ture-doing : else-ding; 語句在條件為 true 時執行代碼,在條件為 false 時執行其他代碼。實例5 > 3 ? alert("5大于3") : alert("5小3");
注意:if...else與三目運算這兩者的區別,總結為一句話:三目運算有返回值,if else沒有返回值例子1:
var n=1;
if(n>1){
n=0;
}else{
n++;
}
console.log(n);
#輸出結果:2
var n=1;
n = n>1?0 : n++;
console.log(n);
#輸出結果為:1
例子2:
var n=1;
if(n>1){
n=0;
}else{
++n;
}
console.log(n);
#輸出結果:2
var n=1;
n = n>1?0 : ++n;
console.log(n);
#輸出結果為:2
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)
{
x="Good morning";
}
else if (time>=10 && time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
x 的結果是:
Good morning
嘗試一下 ?

更多實例
隨機鏈接
這個實例演示了一個鏈接,當您點擊鏈接時,會帶您到不同的地方去。每種機會都是 50% 的概率。