Looping durch JSON mit mehreren Arrays

Question

Ich ziehe Bilder von Instagram mit json und jQuery.

Die JSON-Daten enthalten Objekte und Arrays. Irgendwie kann ich das zweite Array auf dem Weg zu den Werten, die ich brauche, nicht durchgehen.

Dies ist mein Code:

var request = "./myapi.php?user=jamieoliver"; //&callback=myFunction 
$.ajax({ 
    cache: false, 
    dataType: "json", // or "jsonp" if we enabled it 
    url: request, 
    success: function(response) { 
    console.log(response); 
    for (var i = 0; i < response.entry_data.ProfilePage.length; i++) { 
     console.log(response.entry_data.ProfilePage[i].user.media.nodes[i].thumbnail_src); 
    } 
    }, 
    error: function(xhr, status, error) {} 
}); 

Das Problem seens hier zu sein: nodes[i] - Knoten [] ist ein Array - und mein Code nicht durchschleift es - es gibt mir nur den Wert innerhalb der erstes Objekt innerhalb von Knoten []. Wie durchlaufe ich Knoten [], um den Wert thumbnail_src in jedem seiner Objekte zu erhalten?

Ich habe keine Live-Daten, aber hier ist ein Screenshot von der Struktur der json Antwort:

Answer 1

Etwas wie folgt aus:

var request = "./myapi.php?user=jamieoliver"; //&callback=myFunction 
$.ajax({ 
    cache: false, 
    dataType: "json", // or "jsonp" if we enabled it 
    url: request, 
    success: function(response) { 
    console.log(response); 
    for (var i = 0; i < response.entry_data.ProfilePage.length; i++) { 
     for (var j = 0; j < response.entry_data.ProfilePage[i].user.media.nodes.length; j++) { 
      console.log(response.entry_data.ProfilePage[i].user.media.nodes[j].thumbnail_src); 
     } 
    } 
    }, 
    error: function(xhr, status, error) {} 
}); 

Answer 2

Sie sollten wieder Schleife unter Verwendung eines anderen for:

var request = "./myapi.php?user=jamieoliver"; //&callback=myFunction 
$.ajax({ 
    cache: false, 
    dataType: "json", // or "jsonp" if we enabled it 
    url: request, 
    success: function(response) { 
    console.log(response); 
    var nodes; 
    for (var i = 0; i < response.entry_data.ProfilePage.length; i++) { 
     nodes = response.entry_data.ProfilePage[i].user.media.nodes; 

     for (var n = 0; n < nodes.length; n++) { 
     console.log(nodes[n].thumbnail_src); 
     } 
    } 
    }, 
    error: function(xhr, status, error) {} 
});