else if - 程式碼教學

Posted on In

else if 是 JavaScript 的條件判斷式

現在，我想要把上圖中的「三個條件」都列進程式中

作法如下：

  • hungry 指數（1~10）
    • 「1」代表「很餓」
    • 「10」代表「很飽」

🎃 宣告一個變數 var hungry = 6;

🎃 當「else if」的條件 (hungry <= 7 && hungry > 3) 成立時，就會執行「eat('沙拉')」

JS:

結果：

🎃 JavaScript 執行時，會先看「if的條件」

🍋 因為var hungry = 6;，因此：「if的條件(hungry <=3)」是 false–> 不會執行eat('披薩')

🎃 再看「else if的條件」

🎃 當「else if 小括號內的條件」成立時（= true），就會執行「else if 大括號內的程式碼」

🎃 可以有很多個「else if」

‼️ 「if」和很多的「else if」，只會執行“其中一個”

🍋 JavaScript 會「從上到下」依序判斷條件，如果執行了「if」，就不會去執行「else if」了

🎃 「if」和「else if」的寫法一樣：

  • 「小括號()」裡面寫「條件」
  • 「大括號{}」裡面寫「要執行的程式碼」

🎃 「else」不需要寫「條件」，直接用「大括號{}」寫「要執行的程式碼」

else if 範例程式碼

🎃 最後，使用一個「else」：如果前面所有的條件（if、else if）都不成立，就一定會執行「else」的程式碼

🎃 前面要先寫完「if、else if」，最後才能寫「else」

JS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var hungry = 9;
// 飢餓程度 1~10

function eat(food){
    console.log('我現在要吃' + food);
}

if(hungry <= 3){
    eat('披薩');
}else if(hungry > 3 && hungry <= 7){
    eat('沙拉');
}else if(hungry == 8){
    eat('堅果');
}else{
    console.log('我超飽，不想吃東西');
}