iT邦幫忙

2022 iThome 鐵人賽

DAY 10
1
自我挑戰組

30天JavaScript自學挑戰系列 第 10

Day 10 if / else 陳述式

  • 分享至 

  • xImage
  •  

If / else陳述式又稱為if / else控制結構(control structure),這個語法讓我們可以基於特定的條件,執行特定的程式碼,它的撰寫方式如下:

if(// 需要判斷的條件,會回傳true或false) {
    // 判斷結果為true時所要執行的程式碼
} else {
    // 判斷結果為false時所要執行的程式碼
}

在這個語法中,JavaScript並不是以線性的方式來執行全部的程式碼,而是依據我們所設下的條件去判斷結果為true或false,也就是回傳一個布林值,藉此控制哪些區塊中的程式碼應該被執行。

舉例來說

const color = "green";

if(color == "black") {
    console.log("This avocado is ripe.");
} else {
    console.log("This avocado is unripe.");
}
// This avocado is unripe.

上述例子中,因為color是green而非black(即color == "black"為否),所以回傳的布林值為false,所執行的程式碼為else後面的區塊內所寫的程式碼。

事實上,else區塊並不是一定要存在的,若我們只撰寫了if區塊,而沒有撰寫else區塊,那麼當判斷結果為false時,將不會有任何程式碼被執行。

另外,若條件不止一個,我們還可以在中間加上else if的區塊:

const age = 3;

if(age > 0) {
    if(age < 12) {
       console.log("Child");
    } else if(age >= 12 && age < 18) {
        console.log("Teenager");
    } else {
        console.log("Adult");
    }
}
// Child

上一篇
Day 9 字串及模板字串(template literals)
下一篇
Day 11 Type Conversion與Type Coercion
系列文
30天JavaScript自學挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言