# 🏅 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 -->