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