/

JavaScript Switch條件語句

JavaScript Switch條件語句

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

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
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：

1
2
3
4
5
6
7
8
9
10
11
12
13
const doSomething = (a) => {
 switch(a) {
 case 1:
 // 處理a等於1的情況
 return '處理了1'
 case 2:
 // 處理a等於2的情況
 return '處理了2'
 case 3:
 // 處理a等於3的情況
 return '處理了3'
 }
}

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const a = 2
switch(a) {
 case 1:
 // 處理a等於1的情況
 break
 case 2:
 // 處理a等於2的情況
 break
 case 3:
 // 處理a等於3的情況
 break
 default:
 // 處理所有其他情況
 break
}

tags: [“JavaScript”, “Switch Conditional”, “Coding”]