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

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

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

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

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

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

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

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

在上面的代碼中，如果我們使用變量s表示分?jǐn)?shù)，如果分?jǐn)?shù)大于等于60分，就會(huì)執(zhí)行第一個(gè)大括號(hào)中的語(yǔ)句，如果不能滿(mǎn)足分?jǐn)?shù)大于等于60分，就會(huì)執(zhí)行else之后大括號(hào)中的語(yǔ)句。我們把這種分支語(yǔ)句中的每個(gè)條件和條件對(duì)應(yīng)的大括號(hào)中的代碼稱(chēng)之為分支。在分支語(yǔ)句中最多執(zhí)行一條分支。

接下來(lái)，我們來(lái)學(xué)習(xí)下if-else的嵌套。if-else 能用于一個(gè)條件的成立和不成立，但是如果問(wèn)題存在多個(gè)假設(shè)就不能夠滿(mǎn)足要求，比如上面的案例如果成績(jī)大于90為優(yōu)秀，80至90 為良好，70至80為一般，60至70 為及格，60 以下為不及格,像這種情況就沒(méi)有辦法用 if-else 去實(shí)現(xiàn)，這個(gè)時(shí)候就需要用到 if-else 嵌套。 if-else 嵌套語(yǔ)法為：if( 判斷條件 ){ 條件成立執(zhí)行的代碼 }else if( 判斷條件 ){ 條件成立執(zhí)行的代碼 }else{ 以上條件都不成立時(shí)執(zhí)行 }。我們通過(guò)代碼來(lái)學(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表示分?jǐn)?shù)，當(dāng)變量a大于90執(zhí)行第一條分支，當(dāng)變量a不符合第一條分支的條件時(shí)會(huì)在第二條分支進(jìn)行判斷，需要注意的是上面的代碼有四條分支，但是我們只能最多執(zhí)行一條分支，如果有一條分支的條件滿(mǎn)足就不會(huì)再往后判斷條件。

以上是對(duì)分支語(yǔ)句if-else的介紹，希望能幫到大家。