【W(wǎng)eb前端基礎(chǔ)知識】JavaScript條件分支語句

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

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

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

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

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

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

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

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

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

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

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

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