---
# System prepended metadata

title: 第二堂：邏輯判斷之術
tags: [JS 直播班 - 2023 秋季班]

---

# 第二堂：邏輯判斷之術
## 開課提醒
1. 錄影
## 今日上課知識點
1. 比較運算子、邏輯運算子
2. if、else if、else


---

## 比較運算子
* 大於 >、大於等於 >=、小於 <、小於等於 <=
* 等於==、===
* 不等於 !=、!==
> 説明：兩個等於與三個等於的差異

## 邏輯運算子
* && (and)
* || (or)
* ！ (not)

## 重點複習
* 建議在比較是否相同時，使用三個等於

## 小組抽考一
* [16~20題目](https://chalk-freedom-ec6.notion.site/Part-1-16-20-3ce35cf01dbc4967820e49644a007960)
<!--  3 2 2 1 1 -->

## if、else if、else
```javascript=
if(條件){ 
    條件為真值時，執行此區塊的指令
} 

if(條件){ 
	條件為真值時，執行此區塊的指令
} else { 
	條件為假值時，執行此區塊的指令
}

if(條件1){ 
	條件1為真值時，執行此區塊的指令
} else if(條件2) { 
	條件2為真值時，執行此區塊的指令
} else {
	以上都不符合時，執行此區塊的指令
}
```
### 範例情境題上半場
1. if：是否需要帶雨具
2. if、else if：是否滿 18 歲
3. if+變數累積：好寶寶徽章+=1
4. if、else if、else：想吃什麼東西？最後選擇到 else


## 小組抽考二
* [21~25題目](https://www.notion.so/Part-2-21-25-9955a71c4cdc4df5bc61d3e9b822a078)

<!--  2 3 3 2 3 -->

## 流程圖
[流程圖](https://zh.wikipedia.org/wiki/%E6%B5%81%E7%A8%8B%E5%9B%BE)介紹
## 情境拆解

1. 步驟一：定義程式目的
2. 步驟二：設定初始資料狀態
3. 步驟三：依照目的進行**任務拆解**

>if 常用在 如果、假如、是否、判斷的情境上

### 情境一：小華分數
小華考了國英數，國文考 10 分、英文考 60 分、數學考 100 分，他想起父親告訴他，如果他總分有達 240 分，就帶他去遊樂園，快來幫忙算算他是否有達到門檻

### 情境二：小美快樂指數
小美為了讓自己快樂，內心有個快樂指數，範圍是 0~10，10 是最快樂。當小美指數在 8 (含)以上時，會選擇宅在家，指數在 5~7 時會選擇去血拼，在 4(含) 以下時，會選擇跟人去唱卡拉ok。小美今天的快樂指數為 6，那麼他會想做什麼事呢？

> 額外題目：做完事情後，請幫小美將快樂指數調整成滿分 10 分

### 情境三：小明參加歌手牽手會 if 裡面包 if

小明去參加歌手牽手會，到門口時，守衛問他說，有沒有帶入場券，小明亮出入場券後進入了會場，隨後想排隊跟歌手牽手時，又被第二個守衛擋住，問他說，他有沒有買 5000 張以上 DVD？但因為小明只有買 3000 張 DVD，小明只好忍痛離開，並下定決心要將這過程記錄下來，下次一定要握到手！

## 小組抽考三
* [26~30題目](https://www.notion.so/Part-3-26-30-d113f871cec34d08b97bedfbcdb96de0)
<!--  2 1 2 3 3 -->

---

## 本週任務
1. 主線任務
1. 小組任務
1. 週末任務：流程圖接龍
    1. 同學 A 分享 您自創的流程圖，流程圖需含
        * 定義程式目的
        * 寫情境跟規則
        * 至少一個 if 條件
    3. 同學 B 分享流程圖，再 tag 同學 A 寫出 codepen 程式
![](https://i.imgur.com/3181Cy9.png)
