站長資訊網
在javascript中，if語句用于根據不同的條件來執行不同的操作，語法“if(條件表達式){// 要執行的代碼;}”或“if(條件表達式){//當表達式成立時要執行的代碼}else{//當表達式不成立時要執行的代碼}”。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
在javascript中，if語句用于根據不同的條件來執行不同的操作。
if語句有三種不同形式：
-
if 語句；
-
if else 語句；
-
if else if else 語句；
if 語句
if 語句是 JavaScript 中最簡單的條件判斷語句，語法格式如下：
if(條件表達式){ // 要執行的代碼; }
當條件表達式成立，即結果為布爾值 true 時，就會執行{ }中的代碼。
示例代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <script type="text/javascript"> var age = 20; if(age >= 18){ // 如果 age >= 18 的結果為 true，則執行下面 { } 中的代碼 alert("adult"); } </script> </body> </html>
運行結果如下圖所示：
if else 語句
if else 語句是 if 語句的升級版，它不僅可以指定當表達式成立時要執行的代碼，還可以指定當表達式不成立時要執行的代碼，語法格式如下：
if(條件表達式){ // 當表達式成立時要執行的代碼 }else{ // 當表達式不成立時要執行的代碼 }
示例代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <script type="text/javascript"> var now = new Date(); // 獲取當前的完整日期 var dayOfWeek = now.getDay(); // 獲取一個 0-6 之間的數字，用來表示當前是星期幾，0 表示星期日、1 表示星期一、以此類推 if (dayOfWeek > 0 && dayOfWeek < 6) { // 判斷：如果當前是星期一到星期五中的一天，則輸出“Have a nice day!”，若不是則輸出“Have a nice weekend!” alert("Have a nice day!"); } else { alert("Have a nice weekend!"); } </script> </body> </html>
運行結果如下圖所示：
if else if else 語句
if 和 if else 語句都只有一個條件表達式，而 if else if else 語句是它們更高級的形式，在 if else if else 語句中允許您定義多個條件表達式，并根據表達式的結果執行相應的代碼，語法格式如下：
if (條件表達式 1) { // 條件表達式 1 為真時執行的代碼 } else if (條件表達式 2) { // 條件表達式 2 為真時執行的代碼 } ... else if (條件表達式N) { // 條件表達式 N 為真時執行的代碼 } else { // 所有條件表達式都為假時要執行的代碼 }
提示：if else if else 語句在執行過程中，當遇到成立的條件表達式時，會立即執行其后{ }中的代碼，然后退出整個 if else if else 語句，若后續代碼中還有成立的條件表達式，則不會執行。
示例代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <script type="text/javascript"> var now = new Date(); // 獲取當前的完整日期 var dayOfWeek = now.getDay(); // 獲取一個 0-6 之間的數字，用來表示當前是星期幾，0 表示星期日、1 表示星期一、以此類推 if(dayOfWeek == 0) { // 判斷當前是星期幾 alert("星期日") } else if(dayOfWeek == 1) { alert("星期一") } else if(dayOfWeek == 2) { alert("星期二") } else if(dayOfWeek == 3) { alert("星期三") } else if(dayOfWeek == 4) { alert("星期四") } else if(dayOfWeek == 5) { alert("星期五") } else { alert("星期六") } </script> </body> </html>
運行結果如下圖所示：
注意事項
使用嵌套 if else 時，如果只有一行語句，也應該使用大括號包裹起來，避免條件歧義。
例如，下面嵌套 if else 就容易引發誤解：
if(0) if(1) console.log(1); else console.log(0);
針對上面代碼，JavaScript 解釋器將根據就近原則，按如下邏輯層次進行解釋：
if(0) if(1) console.log(1); else console.log(0);
因此使用大括號可以避免很多問題：
if(0){ if(1) console.log(1); }else{ console.log(0); }
【
