Mit Array getJSON

Question

ich diesen Bereich bin mit JSON-Daten für die Analyse:

$.getJSON(geocodingAPI, function (json) { 

    // Set the variables from the results array 
    var address = json.results[0].formatted_address; 
    console.log('Address : ', address); 

    var latitude = json.results[0].geometry.location.lat; 
    console.log('Latitude : ', latitude); 

    var longitude = json.results[0].geometry.location.lng; 
    console.log('Longitude : ', longitude); 

    // Set the table td text 
    $('#address').text(address); 
    $('#latitude').text(latitude); 
    $('#longitude').text(longitude); 
}); 

Es funktioniert für ein Element, aber ich brauche alle Daten auf meiner Seite iterieren. Ich bin neu und möchte wissen, wie ich die Daten iterieren und mehr als nur den ersten Artikel anzeigen kann?

DEMO

Answer 1

In Javascript gibt es viele Möglichkeiten, um ein Array von Objekten iterieren, können Sie zum Beispiel eine forEach Methode wie folgt verwenden:

$.getJSON(geocodingAPI, function (json) { 

    json.results.forEach(function (item) { 

     var address = item.formatted_address; 
     console.log('Address : ', address); 

     var latitude = item.geometry.location.lat; 
     console.log('Latitude : ', latitude); 

     var longitude = item.geometry.location.lng; 
     console.log('Longitude : ', longitude); 

     // ... 

    }); 

});