---
# System prepended metadata

title: 2022 JS直播班 第21 22組-第五週作業討論
tags: [六角, 2022 JS直播班]

---

# 2022 JS直播班 第21 22組-第五週作業討論
###### tags: `2022 JS直播班` `六角`

[TOC]

## 組員參與名單
:::success
固定讀書會時間：每週一晚上8點~9點
:::
- [x] RyanTsai#8906
- [x] 阿蘇#8531
- [ ] Dingy#2931
- [x] YU#0618
- [x] JackC#0411
- [x] Yorkshi#9337
- [x] YC#2522
- [ ] pidder#7315
- [x] IreneY#0086
- [ ] 威0#6919
- [x] 我是泇吟#5189
- [x] 艾芮絲#6060
- [x] 嗶嗶羊#8042
- [x] Velma#1693
- [x] Clara#1275
- [x] 心幻羽#0056
- [x] Sentiments#4883
- [x] sophiee#7015

## 固定讀書會會議內容

:::warning
一、第五週主線任務
二、第五週小組討論
三、第四週邏輯題

:::

:::success
會議記錄
一、第五週主線任務：

1. Lv1 只需要將資料渲染至畫面下方

2. 如果要做切版，記得遵循以下規則：
- 地區用 change 監聽
- 上方新增的地區跟下方篩選的地區都寫死選項（依照目前提供的 JSON data area 欄位）
- 地區的篩選下拉需要加上『全部地區』option
- 不需要有「清除資料」的按鈕
- 預設資料為 3 筆（內容需依照目前提供的 JSON data）
- 篩選後會顯示『搜尋資料為 ? 筆』
- 描述欄位使用 textarea
- 星級區間是 1-10 分
- 金額、組數、星級的 type 為 Number

3. Lv3 沒切版也能提交，主要在上方加入資料的功能
4. 做驗證的時候可以使用如下方法：
- if 判斷 input 欄位的值是否為空值
- formData 搭配 reduce，大致觀念是使用新物件以 reduce 做迴圈賦值並驗證

[洧杰老師流程圖建議](https://whimsical.com/WZEyuJGJUCLmw9rCEHhPp9)

---

二、第五週小組任務討論

1. 高雄各區里長人數可以使用 reduce 方法
2. 8 kyu 題目找自己解過或新題目皆可

---

三、第四週函式邏輯題

1. 深層拷貝可以使用 JSON 方法以及 Loadash 方法
        
:::

## 小組討論

### 第一題 請用[高雄市里長資訊](https://cabu4.kcg.gov.tw/KcgRegion/OpenData/%E9%87%8C%E9%95%B7%E9%80%9A%E8%A8%8A%E9%8C%84.JSON)用 Code 寫出以下需求

1. 里長男女生人數比例
2. 前鎮區有幾個里長
3. 三民區有幾個女性里長
4. 無黨籍、民主進步黨、中國國民黨各佔幾位？
5. 所有區里長人數都整理在一個物件裡

```
// 第六題範例

let total = {
    "前鎮區":30,
    "三民區":50,
    "苓雅區":79,
}
```


| Discord 暱稱 | 程式碼連結 |
| -------- | -------- |
| JackC#0411 | [Codepen](https://codepen.io/key0329/pen/JjZGbZV) |
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/XWYmQXN) |
| Velma#1693 |[Codepen](https://codepen.io/Ze1225/pen/OJEyBjR?editors=0010)|
| 艾芮絲#6060 |[Codepen](https://codepen.io/wangyingju/pen/xxzVNrW)|
|RyanTsai#8906|[CodePen](https://codepen.io/linlaose/pen/KKezjRe)
|Clara#1275|[CodePen](https://codepen.io/bsupixqu/pen/yLEYJpm)

### 第二題 請挑選 Codewars 論壇裡面的 10 題 8kyu 來做，可各自認領一題沒挑戰過的來做。

| Discord 暱稱 | 程式碼連結 |
| -------- | -------- |
| 我是泇吟#5189 | [HackMD](https://hackmd.io/@YIHQx96xTI-K9vDjhzEfDA/rkfTkJvzi) |
| JackC#0411 | [8kyu](https://www.codewars.com/kata/5721a78c283129e416000999/train/javascript) |
| sophiee#7015 | [8kyu](https://www.codewars.com/kata/53da3dbb4a5168369a0000fe/solutions/javascript) |
| YC#2522 | [8kyu](https://www.codewars.com/kata/reviews/582e1b134b1368af7b0000f7/groups/6360b9171b0d5300011bba85) |
|RyanTsai#8906|[8kyu - Count Odd Numbers below n](https://www.codewars.com/kata/59342039eb450e39970000a6)
| 艾芮絲#6060 | [8kyu](https://www.codewars.com/kata/576bb71bbbcf0951d5000044/train/javascript/635fdc152c26840057848641) |
| Velma#1693 |[8kyu](https://www.codewars.com/kata/5265326f5fda8eb1160004c8/train/javascript)|

### 小組討論會截圖
![](https://imgur.com/vspbByu.png)

![](https://imgur.com/zJldILv.png)

![](https://imgur.com/xOBjCRH.png)

![](https://imgur.com/D5MYPMw.png)

![](https://imgur.com/zwyYe8r.png)