如何打印具有數組屬性的 object？ REACT-NATIVE

Question

我正在構建一個音樂播放器，我正在做藝術家，我已經按藝術家對歌曲進行了分組，但現在不知道如何打印它，當我分組時，我得到了這個：

 {"<unknown>": [{"artist": "<unknown>", "artwork": undefined, "cover": "", "duration": "5224", "genre": undefined, "id": "69", "title": "audio", "url": "file:////storage/emulated/0/Download/music/audio.mp3"}, {"artist": "<unknown>", "artwork": undefined, "cover": "/storage/emulated/0/.covers/a0549154236a4457dbbe7e8ecf845918", "duration": "221440", "genre": undefined, "id": "74", "title": "Plan-B-Si-no-le-Contesto", "url": "file:////storage/emulated/0/Download/music/Plan-B-Si-no-le-Contesto.mp3"}], "Bad Bunny": [{"artist": "Bad Bunny", "artwork": undefined, "cover": "/storage/emulated/0/.covers/a0549154236a4457dbbe7e8ecf845918", "duration": "158064", "genre": undefined, "id": "70", "title": "<3", "url": "file:////storage/emulated/0/Download/music/Bad Bunny - Gracias.mp3"}, {"artist": "Bad Bunny", "artwork": undefined, "cover": "/storage/emulated/0/.covers/a0549154236a4457dbbe7e8ecf845918", "duration": "251977", "genre": undefined, "id": "71", "title": "Callaita", "url": "file:////storage/emulated/0/Download/music/Bad-Bunny-Callaita.mp3"}], "Maluma": [{"artist": "Maluma", "artwork": undefined, "cover": "/storage/emulated/0/.covers/a0549154236a4457dbbe7e8ecf845918", "duration": "200229", "genre": undefined, "id": "73", "title": "Hawái", "url": "file:////storage/emulated/0/Download/music/Maluma-Hawai.mp3"}]}, 

如您所見，每個藝術家都是 object 的屬性，並且它有一個數組，其中包含 object，每首歌曲都是 object，我該如何打印？ 藝術家的每首歌？

Answer 1

我假設您從 API 獲得該數據，並將結果存儲在 state 變量中（比如說data ）。 您可以創建局部變量songs並過濾掉 object 中的所有歌曲。

let songs=[];

Object.keys(data).forEach(artist=>data[artist].map(song=>songs.push(song)))

然后在您的渲染方法中，您可以使用map方法對歌曲進行 output 您的songs 。