---
# System prepended metadata

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

---

---
tags: JS 直播班 - 2021 秋季班
---


# 第二堂：邏輯判斷之術

* 感謝志工上時間軸與大群討論伙伴
* [報到](https://rpg.hexschool.com/training/24/calendar) Code：`Fy9ULHpll7Gz`
* 比較運算子、邏輯運算子
* if、else if、else


## 比較運算子、邏輯運算子

* 比較運算子： >、>=、<、<=、兩個 == 
* 兩個等於與三個等於的差異
* 邏輯運算子：&&、||

### 小組挑戰一！
* [小組填答區](https://docs.google.com/spreadsheets/u/2/d/17Vv6u_0SIgVffcFffKmInc80H5k1fGLV2tkQbogXq5w/edit#gid=8448846)
* [16~20](https://moored-espadrille-379.notion.site/Part-1-16-20-e02f6c8a8ae44ecab4f4fad095c1a166)
* [21~25](https://moored-espadrille-379.notion.site/Part-2-21-25-4a5216c59a8b405584040daca74971d3)
* [26~30](https://moored-espadrille-379.notion.site/Part-3-26-30-fcf9bddbfec4421cbd104a28f0a88bdf)

## if、else if、else
### 範例情境題上半場
1. if：是否需要帶雨具
2. if、else if：是否滿 18 歲
3. if+變數累積：好寶寶徽章+=1
4. if、else if、else：想吃什麼東西？最後選擇到 else

### 小組挑戰二！

## 中場休息

## 流程圖與 whimsical 介紹

* [流程圖](https://zh.wikipedia.org/wiki/%E6%B5%81%E7%A8%8B%E5%9B%BE)介紹
* [whimsical](https://whimsical.com/4oYtsHWjADWsieeNrjY1Xa)繪圖服務




## 情境拆解

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

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

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

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

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

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

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


### 小組挑戰三！

## 第二關主線任務

* <a href="https://rpg.hexschool.com/training/24/task?type=detail&id=222" target="_top">第二關主線任務</a>

> 下週五前做完前兩關的勇者就抽書！


## 週末任務 - JS 常見面試題目
用 HackMD、部落格寫以下文章，並補上自己的範例，週末請 tag 洧杰老師檢視，平日請 tag sonyko 助教檢視，文章表尾請補上參考文章

1. if 與 switch 的使用時機？
2. 何謂強制轉型、以及如何作到轉換型別？
3. 何謂表達式(Expression)與陳述式(Statement)？(需看到函式) **MVP 送 JS 研討會票種**

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

## 學生投稿
[[教學]IF ELSE與SWITCH CASE的比較](https://jameshsu0407.github.io/blog/20211023_if-else_switch-case/)
[何謂運算式(Expression)與陳述式(Statement)？](https://hackmd.io/EW_7JhRaTHmuH6XpksRguw)
[什麼是表達式與陳述式？](https://hackmd.io/@MygDOT0kQmOwgykLoQpY_w/HkomCZtrK)
[ㄟ問你喔，強制轉型是什麼？轉換型別有規則可循嗎？(布林值、字串篇)](https://karennnnovelty.medium.com/%E3%84%9F%E5%95%8F%E4%BD%A0%E5%96%94-%E5%BC%B7%E5%88%B6%E8%BD%89%E5%9E%8B%E6%98%AF%E4%BB%80%E9%BA%BC-%E8%BD%89%E6%8F%9B%E5%9E%8B%E5%88%A5%E6%9C%89%E8%A6%8F%E5%89%87%E5%8F%AF%E5%BE%AA%E5%97%8E-%E5%B8%83%E6%9E%97%E5%80%BC-%E5%AD%97%E4%B8%B2%E7%AF%87-a9d6d6cc91d)
[ㄟ問你喔，強制轉型是什麼？轉換型別有規則可循嗎？(數字型別篇)](https://karennnnovelty.medium.com/%E3%84%9F%E5%95%8F%E4%BD%A0%E5%96%94-%E5%BC%B7%E5%88%B6%E8%BD%89%E5%9E%8B%E6%98%AF%E4%BB%80%E9%BA%BC-%E8%BD%89%E6%8F%9B%E5%9E%8B%E5%88%A5%E6%9C%89%E8%A6%8F%E5%89%87%E5%8F%AF%E5%BE%AA%E5%97%8E-%E6%95%B8%E5%AD%97%E5%9E%8B%E5%88%A5%E7%AF%87-690586a391b1)
[[教學]何謂強制轉型、以及如何作到轉換型別？](https://jameshsu0407.github.io/blog/20211030_explicit-coercion_implicit-coercion/)