[筆記] JavaScript 遍歷 Object 內的物件並取得 index

章節連結

「用 for 迴圈遍歷 Array」在 JavaScript 中,多半內建的方法都有提供 index 的額外選項,讓你可以同時取得 index 來做一些操作。不過在物件 Object {} 這樣的資料架構下,其實是沒有 index 這樣的概念的。若今天想要在「遍歷物件時,依照撰寫的順序存取」的話,那可以利用以下的組合技達成。
javascript es6 logo


內容

1. Object.entries() 方法,可以將物件轉換成一組 array,每一個 index 內則會再包著一個由 key, value 組成的 array
2. 承接第一點,藉由產生的 index ,你可以再使用一次 Object.entries()
3. 使用 for … of 的方法,搭配解構方法將值給取出

程式碼

你可以打開瀏覽器的開發者工具中的 console.log 試試效果


參考資料

1. Object.entries()
2. Iterate over JavaScript object with index

按讚加入粉絲團

延伸閱讀