---
# System prepended metadata

title: if 與 switch 的使用時機？
tags: [JavaScript, JS 直播班  - 2021 秋季班]

---

# if 與 switch 的使用時機？
###### tags: `JavaScript` `JS 直播班  - 2021 秋季班`
## 語法差異

### if語法
``` =javascript
let number= "input_number"
if(input_number===1){
    // .....
}else if(input_number===2){
    // .....
}else if(input_number===3){
    // .....
}
```
### switch語法
```=javascript
let number= "input_number"
switch(input_number){
    case('1'):
     .......
     break;
    case('2'):
     .......
     break;
    case('3'):
     .......
     break;
    default:
     .......
}
```
## 使用時機

### if:
 * 程式較單純
 * 判斷的條件是一個範圍 ( 大於小於等於 )
 * 要判斷的條件較無嚴謹
 * 變數如不成立，不會跑裡面的程式

### switch:
 * 程式較複雜
 * 判斷的條件要明確 (跟明確的case做比對)
 * 要判斷的條件要嚴謹判斷
 * 不管變數會不會成立，都會先比對條件
 












參考資料:
[[ 技術筆記 ] JavaScript｜if… else… / switch 差異](https://medium.com/@sunnyhuang.sc/%E6%8A%80%E8%A1%93%E7%AD%86%E8%A8%98-javascript-if-else-switch-%E5%B7%AE%E7%95%B0-337a910763f6)