JavaScript:使用 Array.map、Object.values 和 Object.keys 處理一連串的資料 https://cythilya.github.io/2018/06/17/array-and-object-handling/ 使用 Array.map 、 Object.values 和 Object.keys 處理「物件中有物件」和「陣列中有物件」的情況。 物件中有物件 一個物件包含了一串物件。 範例如下,這裡有一串 ID 與名字。 { " 1234567890 " : { id : " 1234567890 " , name : " Nina Ricci " , }, " 2345678901 " : { id : " 2345678901 " , name : " Hello Kitty " , }, " 3456789012 " : { id : " 3456789012 " , name : " Pusheen the cat " , }, } 取得 key 的陣列 在這一連串資料下取得 key 的陣列。 使用 Object.keys 取得物件的鍵值,組成陣列後回傳。 const idList = Object . keys ( list ); idList // ["1234567890", "2345678901", "3456789012"] 取得 value 的陣列 在這一連串資料下取得 value 之特性屬性的陣列。 使用 Object.values 取得物件的 value,組成陣列。 承上,使用 Array.map 將陣列中的特定屬性值取出,組成新陣列後回傳。 const nameList = Object . values ( list ). map ( item => item . name ); nameL...