JS直播班第2組 --- 第三週討論區
===

###### tags: `第2組小組討論` `2021` `JS直播班` `秋季班` `六角學院`

:::success
**小組討論時間：10月24日 週日 晚上 8:00 - 10:00**
:::

## 簽到區

| 組員名稱 | 報到 |
| -------------- | ------------------ |
| Karen Huang | :heavy_check_mark: |
| Keep | :heavy_check_mark: |
| natsu | :heavy_check_mark: |
| Steve | :heavy_check_mark:|
| ZY Hsu | :heavy_check_mark:|
| 乃萱 |:heavy_check_mark: |
| 有廖先生(Rain) |:heavy_check_mark:|
| 簡君庭 | :heavy_check_mark:|
| 群嘉 |:heavy_check_mark: |
| 連小艾 | :heavy_check_mark: |

## :dart: Q: 請挑選想討論的主題

請各組員在以下，挑選您不知道但想瞭解的 JS 主題或語法，並寫 2~3 個範例程式碼，以方便瞭解您有掌握該知識，並分享給其他組員：

1. [JS w3school](https://www.w3school.com.cn/)
2. [JavaScript 菜鳥教學](https://www.runoob.com/js/js-tutorial.html)
3. [Kuro 重新認識 JavaScript](https://ithelp.ithome.com.tw/users/20065504/ironman/1259)
4. [邁向 JavaScript 勇者之路](https://ithelp.ithome.com.tw/users/20083608/ironman/1354)

## :book: 本週自選主題分享
### :bulb: **if、switch 有什麼差異？要怎麼用？**
1. if 判斷式的 () 內，主要是透過比較運算、相等運算子得出 true 或 false，若得 true 就執行 {} 內的指令；switch 的 ( ) 內，主要是一個變數，而變數的值可能是字串、布林值、數字、null、undefined。
2. if 判斷式的 () 內，若不希望被 JS 隱性轉型，得透過 === 告知運算過程不可轉型；而 switch 的條件放在 case 後方，且預設就是 === 的判斷，直接判定資料型別再看值，因此在底下範例中的 switch 第 3 行程式碼不會執行。

> if 判斷式的長相：
> ````javascript=
> let guessNumber = 47;
> let myNumber = 33;
> let rogerNumber = 47;
>
> if(myNumber === guessNumber){
> console.log('我猜對ㄌ');
> } else if (rogerNumber === guessNumber){
> console.log('Roger猜對ㄌ');
> } else {
> console.log('都沒人猜對');
> }
> //印出 'Roger猜對ㄌ'
> ````
>
> switch 的長相：
> ````javascript=
> let number = 666;
> switch(number){
> case '666':
> console.log('魔鏡啊魔鏡！印出字串666吧');
> break;
>
> case 333:
> console.log('魔鏡啊魔鏡！印出數字333吧');
> break;
>
> case 666:
> console.log('魔鏡啊魔鏡！印出數字666吧');
> break;
>
> default:
> console.log('魔鏡表示：這期統一發票都沒中啦，QQ');
> break;
> //印出 '魔鏡啊魔鏡！印出數字666吧'
> }
> ````
> [點我觀看筆記](https://karennnnovelty.medium.com/%E3%84%9F%E5%95%8F%E4%BD%A0%E5%96%94-if-%E5%92%8C-switch-%E7%9A%84%E5%B7%AE%E7%95%B0%E5%9C%A8%E5%93%AA-%E8%A9%B2%E6%80%8E%E9%BA%BC%E9%81%B8%E7%94%A8-2eb6a3b8cf25?p=2eb6a3b8cf25)

> [name=Karen Huang]
>

### :bulb: **陣列排序 - sort()**
> [點我觀看筆記](https://hackmd.io/t69sP-odSD6MI3F2_K5QhQ)
> [name=連小艾]

### :bulb: JS常見及我不知道的陣列處理方式
> [點我觀看筆記](https://hackmd.io/mEhw9i1lSHSkJ_XEHQPWfw?view)
> > [name=乃萱]

### :bulb: **物件怎麼取值？什麼時候該用點(.)，什麼時候用方括號([])?**
> [點我觀看筆記](https://hackmd.io/@Zihyin/H1SptKAVY/https%3A%2F%2Fhackmd.io%2FG3abfsOcRlerAqRSqhAppA%3Fview)
> [name=ZY Hsu]

### :bulb: while迴圈
> [點我觀看筆記](https://hackmd.io/w7ArAJ_oRimRCLR30w8UFQ)
> >[name=群嘉][color=orange]

### :bulb: JS dataset
> [點我觀看筆記](https://hackmd.io/@VfigEoalRoCUjs9QneQIkg/dataSet)
> > [name=有廖先生(Rain)][color=lightgreen]

### :bulb: Js-Json格式裏物件跟陣列的注意事項
> [點我觀看筆記](https://hackmd.io/@keep/json-array-object)
> > [name=Keep(wei)][color=lightgreen]

### 本次使用 google meet 語音討論