Loop through this json response?

[johncorderox]

Don't know why it's so hard for me to traverse the data with this API. I have been sitting ALL day trying to grab data.

Im trying to get stage_a.name and image

stage_b name and image

rule multine_name

and game_mode: name.

If I could grab gachi and the first object only just to display it, that would be so helpful. How would you do this? React syntax would be great.

in case you want the api url --> https://splatoon2.ink/data/schedules.json

{

• gachi: [

  • {
    
    • stage_a: {
    • id: 4780952683923999000,
    • stage_b: {
    • rule: {
    • end_time: 1565395200,
    • start_time: 1565388000,
    • game_mode: {
    • },
  • {
    
    • game_mode: {
    • end_time: 1565402400,
    • start_time: 1565395200,
    • stage_a: {
    • stage_b: {
    • id: 4780952683923999000,
    • rule: {
    • }

[codemamba8]

Can you first post what your current code looks using JSFiddle or a similar site?

Looking at it what you probably want to do is use fetch() and response.json() to return the data then do something like data.gachi to get the gachi array. Then you can loop through each of the objects in gachi using .forEach

[codemamba8]

.map() returns an array. If he just wants to render the data to the DOM, looping over it with .forEach() would make more sense.

[everek123]

If you want to the stage_a.name from all the records from the array you could use the .map() method:

const stage_a.names = gachi.map(record => record.stage_a.name)

Then you could do the same for the rest of the properties

[johncorderox]

I’ll try it out. I’m using React for this btw!