【Web前端基礎知識】JavaScript條件分支語句

今天，我們來學習一下JavaScript語言中的條件分支語句。我們知道JavaScript中的代碼默認是順序執行的，即從上到下默認執行，這種方式我們稱之為順序結構。如果我們通過條件判斷，有選擇性的執行某段代碼，就要用到條件分支語句。JavaScript中的條件分支語句分為：if-else，switch-case等。

首先，我們來認識下if語句。if 即如果，就是假設一個條件，如果條件成立，就做某一個操作，即如果怎么樣就會怎么樣。if語句的語法為：if(條件){ 條件成立執行 }。接下來我們看下面的代碼：

1. // 如果年齡滿三周歲，就可以上幼兒園 
2. var age = 3; 
3. if (age >= 3) { 
4.     console.log("可以上幼兒園"); 
5. } 

在上面的代碼中，我們使用變量age表示年齡，如果年齡大于等于3，條件成立，就可以執行大括號內的語句，如果不滿足age大于等于3就不能執行大括號內的語句。

另外，剛才大括號中只有一條代碼，這時大括號可以省略，省略了 if 就只能控制 () 后面的第一行語句。雖然可以省略,但是我們建議每次都加上,這樣代碼結構邏輯更清晰。

接下來，我們看下if語句的另一種形式if-else。if-else 是在 if 的基礎上加了一個條件不成立時要做的操作，即條件成立做某個操作，條件不成立做某個操作。語法為：if( 條件 ){條件成立做的事情}else{條件不成立做的事情}。例如下面的代碼：

1. var s = 100;  
2. if(s >= 60){ 
3.     // 條件成立執行的代碼 
4.   console.log(‘及格’);  
5. } else { 
6.     // 條件不成立執行的代碼 
7.     console.log(‘不及格’);  
8. } 

在上面的代碼中，如果我們使用變量s表示分數，如果分數大于等于60分，就會執行第一個大括號中的語句，如果不能滿足分數大于等于60分，就會執行else之后大括號中的語句。我們把這種分支語句中的每個條件和條件對應的大括號中的代碼稱之為分支。在分支語句中最多執行一條分支。

接下來，我們來學習下if-else的嵌套。if-else 能用于一個條件的成立和不成立，但是如果問題存在多個假設就不能夠滿足要求，比如上面的案例如果成績大于90為優秀，80至90 為良好，70至80為一般，60至70 為及格，60 以下為不及格,像這種情況就沒有辦法用 if-else 去實現，這個時候就需要用到 if-else 嵌套。 if-else 嵌套語法為：if( 判斷條件 ){ 條件成立執行的代碼 }else if( 判斷條件 ){ 條件成立執行的代碼 }else{ 以上條件都不成立時執行 }。我們通過代碼來學習下 if-else 嵌套：

1. var a = 100; 
2. if (a > 90) { 
3.     alert(“優秀”); 
4. } else if (a > 80) { 
5.     alert(“良好”); 
6. } else if (a > 70) { 
7.     alert(“還行”); 
8. } else if (a > 60) { 
9.     alert(“及格”); 
10. } 

在上面的代碼中，我們使用變量a表示分數，當變量a大于90執行第一條分支，當變量a不符合第一條分支的條件時會在第二條分支進行判斷，需要注意的是上面的代碼有四條分支，但是我們只能最多執行一條分支，如果有一條分支的條件滿足就不會再往后判斷條件。

以上是對分支語句if-else的介紹，希望能幫到大家。