--- 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/)