這篇文章主要介紹了JavaScript中的條件判斷語句使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下

在寫一個程序，可能有一種情況，當你需要采用一個路徑出給定兩個路徑。所以，需要使用條件語句，讓程序來做出正確的決策和執行正確的行動。

JavaScript支持其用于執行根據不同的條件不同的操作條件語句。在這里，我們將解釋if..else語句。

JavaScript支持if..else語句的形式如下：

if 語句

if...else 語句

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

if 語句:

if語句是基本的控制語句，它允許JavaScript來作出決定，有條件地執行語句。

語法:

1. if (expression){ 
2. Statement(s) to be executed if expression is true 
3. } 

這里的JavaScript表達式expression求值。如果得到的值是true，給定語句執行。如果表達式為假則聲明將不執行。大部分的時間你會使用比較運算在使用決策時。

例子：

1. <script type="text/javascript"> 
2. <!-- 
3. var age = 20; 
4. if( age > 18 ){ 
5. document.write("<b>Qualifies for driving</b>"); 
6. } 
7. //--> 
8. </script> 

這將產生以下結果：

1. Qualifies for driving 

if...else 語句:

在if ... else語句是控制語句的下一個表單，允許JavaScript執行更可控語句。

語法

1. if (expression){ 
2. Statement(s) to be executed if expression is true 
3. }else{ 
4. Statement(s) to be executed if expression is false 
5. } 

這里JavaScript表達式求值。如果結果值是真實的，給定語句在if塊(S)，被執行。如果表達式是假，則定的else語句塊被執行。

例子：

1. <script type="text/javascript"> 
2. <!-- 
3. var age = 15; 
4. if( age > 18 ){ 
5. document.write("<b>Qualifies for driving</b>"); 
6. }else{ 
7. document.write("<b>Does not qualify for driving</b>"); 
8. } 
9. //--> 
10. </script> 

這將產生以下結果：

1. Does not qualify for driving 

if...else if... 語法:

在if...else if... .控制語句的一個層面推進的形式，JavaScript做正確的決策出了幾個條件。

語法

1. if (expression 1){ 
2. Statement(s) to be executed if expression 1 is true 
3. }else if (expression 2){ 
4. Statement(s) to be executed if expression 2 is true 
5. }else if (expression 3){ 
6. Statement(s) to be executed if expression 3 is true 
7. }else{ 
8. Statement(s) to be executed if no expression is true 
9. } 

代碼沒有什么特別之處。這僅僅是一系列的if語句，其中每個if之前的語句是else子句的一部分。聲明是基于true條件執行的，如果非條件是true，那么else塊執行。

例子：

1. <script type="text/javascript"> 
2. <!-- 
3. var book = "maths"; 
4. if( book == "history" ){ 
5. document.write("<b>History Book</b>"); 
6. }else if( book == "maths" ){ 
7. document.write("<b>Maths Book</b>"); 
8. }else if( book == "economics" ){ 
9. document.write("<b>Economics Book</b>"); 
10. }else{ 
11. document.write("<b>Unknown Book</b>"); 
12. } 
13. //--> 
14. </script> 

這將產生以下結果：

1. Maths Book