Switch 條件判斷
## JavaScript `switch` 條件判斷
`switch` 用來根據某個表達式的值,執行不同的程式區塊。它適合用於多個固定值的條件判斷。
### 基本語法
```javascript
switch (表達式) {
case 值1:
// 表達式等於值1時執行
break;
case 值2:
// 表達式等於值2時執行
break;
default:
// 沒有符合任何 case 時執行
}
```
- `case`:指定要比對的值
- `break`:結束 `switch`,避免繼續執行下一個 `case`
- `default`:所有條件都不符合時執行,可省略
- `switch` 使用嚴格比對,效果類似 `===`
## 範例一:判斷星期
```javascript
let day = 3;
switch (day) {
case 1:
console.log("星期一");
break;
case 2:
console.log("星期二");
break;
case 3:
console.log("星期三");
break;
default:
console.log("無效的星期");
}
```
輸出:
```text
星期三
```
## 範例二:判斷飲料價格
```javascript
let drink = "咖啡";
switch (drink) {
case "茶":
console.log("茶的價格是 30 元");
break;
case "咖啡":
console.log("咖啡的價格是 50 元");
break;
case "果汁":
console.log("果汁的價格是 40 元");
break;
default:
console.log("沒有這項飲料");
}
```
輸出:
```text
咖啡的價格是 50 元
```
如果省略 `break`,程式可能會繼續執行後面的 `case`,因此通常每個 `case` 結尾都會加上 `break`。
相關學習地圖、教學課程
F2E 網站前端工程