---
# System prepended metadata

title: "\U0001F3C5 4/1 (四) 每日任務"
tags: [JS 直播班 - 2021 春季班]

---

# 🏅 4/1 (四) 每日任務
###### tags: `JS 直播班 - 2021 春季班`

Object.keys(), Object.values() 使用練習
---
* Object.keys() 可以取得指定物件的所有 key 值，並回傳一個陣列。
* Object.values() 可以取得指定物件的所有 value 值，並回傳一個陣列。

```js=
const object1 = {
  a: "字串",
  b: 42,
  c: false
};

console.log(Object.keys(object1)); // 結果: ["a", "b", "c"]
console.log(Object.values(object1)); // 結果: ["字串", 42, false]

```

問題
---
延續 [昨天的任務](https://rpg.hexschool.com/training/17/show?embedhm=afis2b22Ta-FbbT_Lny9Ew)

請練習使用 Object.keys()，修改資料格式，並存入名稱為 answer 的物件，格式如下圖:

![](https://i.imgur.com/7pA41y0.png)

範例程式碼:
```js=
let answer = {}; // 請把修改完的資料存入 answer 物件。
let url = "https://raw.githubusercontent.com/hexschool/js-traninging-week6API/main/data.json";
axios.get(url)
.then((response) => {
    let total = {};
    let data = response.data;

    data.forEach((item, i) => {
      if(total[item.jsGroup] === undefined) {
         total[item.jsGroup] = 1;
      }else {
        total[item.jsGroup] += 1;
      }
    })
    /*程式碼開始*/


    /*程式碼結束*/
    console.log(answer);
 })
```


回報流程
---
將答案寫在 CodePen 並複製 CodePen 連結貼至 thread 中回報就算完成了喔! 解答請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/6UoJVtD.png)

<!-- 解答
https://codepen.io/znlcgmgk/pen/abpmPGo?editors=0012
-->