---
# System prepended metadata

title: 流程判斷if else、else if
tags: [if, ' else if', ' else']

---

---
title: 流程判斷if else、else if
tags: if, else, else if,
description:
---
流程判斷```if```、```else```、```else if```
===
### 為什麼要理解流程判斷
根據情境==需求==，將數字、文字、狀態拆解成==條件式==，再經由條件式```true```、```false```去執行不同結果。
<br>


### ```if```
- ()小括號內寫入==條件式==
- 當==判斷式為```true```==，執行{}大括號的程式碼。
 
```javascript=
if () {
    
}
```
**情境題**：如果體重超過88公斤，我就要開始減肥了。
```javascript=
let weight = 100;
if (wellet > 88) {
    console.log('我的體重超過' + wieght + '公斤');
    console.log('要開始減肥了...');
}
```
<br>


### ```else```
- ()小括號內寫入==條件式==
- 當==判斷為```false```==，執行```else```後面{}大括號的程式碼。
 
```javascript=
if () {
    
} else {
    
}
``` 
**情境題**：可樂是20元，如果錢包的錢超過20元的話，我會把可樂買下來，不然我就不買了。
```javascript=
let coca =20;
let wellet = 100;
if (wellet >= cola) {
    console.log('錢包的錢足夠，我把可樂買下來'); 
} else {
    console.log('錢包的錢不夠，我不買可樂了...'); 
}
```
<br>

### ```else if```
- 開頭為```if```()小括號內寫入第一個==條件式==。
- 其他要判斷的條件式，在```if () {}```後面加上```else if() {}```。
- 在最後一個```else if() {}```後面加上```else {}```。
 
```javascript=
if () {
    
} else if () {
    
} else if () {

} else {
    
}
``` 
**情境題**：小明不確定錢包有多少錢，但肚子餓想要買東西吃，有30元就能吃地瓜球，有50元就能吃章魚燒，有80元就能吃雞排，如果錢都不夠只好回家吃晚餐。
```javascript=
let wellet = 50;
if (wellet >= 30) {
    console.log('小明花了30元買了地瓜球'); 
} else if (wellet >= 50) {
    console.log('小明花了50元買了章魚燒'); 
} else if (wellet >= 80){
    console.log('小明花了80元買了雞排'); 
} else {
    console.log('小明錢包錢不夠，只好回家吃晚餐'); 
}
```
<br>

