學習JavaScript Switch條件語句的基礎知識

當你有幾個選項可以選擇時,if/else語句非常有用。

然而,當選項太多時,使用if/else可能變得過於冗長,你的代碼會變得太複雜。

在這種情況下,你可能希望使用switch條件語句:

switch(<表達式>) {
 // 場合
}

根據表達式的結果,JavaScript會觸發你定義的特定場合:

const a = 2
switch(a) {
 case 1:
 // 處理a等於1的情況
 break
 case 2:
 // 處理a等於2的情況
 break
 case 3:
 // 處理a等於3的情況
 break
}

你必須在每個場合的底部添加一個break語句,否則JavaScript還會執行下一個場合的代碼(有時這很有用,但要小心錯誤)。 如果在函數內使用,如果switch定義了返回值,不需要使用break,你只需要使用return

const doSomething = (a) => {
 switch(a) {
 case 1:
 // 處理a等於1的情況
 return '處理了1'
 case 2:
 // 處理a等於2的情況
 return '處理了2'
 case 3:
 // 處理a等於3的情況
 return '處理了3'
 }
}

你可以提供一個default特殊場合,當沒有場合處理表達式的結果時,將會調用該場合:

const a = 2
switch(a) {
 case 1:
 // 處理a等於1的情況
 break
 case 2:
 // 處理a等於2的情況
 break
 case 3:
 // 處理a等於3的情況
 break
 default:
 // 處理所有其他情況
 break
}