从ajax json请求中，如何将对象动态添加到数组中，以便我可以遍历它们？

Question

This is what I have so far, essentially I'd like to use the data to instantiate a new info-window from google maps api dynamically from the data response. I know so far that I'm pushing objects to an array(which are two different data types), but if that's the only wrong here. Then how can I dynamically add the response into an object so I can retrieve data with a loop?

    var i, venues, allVenues=[]; 
    $.ajax({
    url: 'url',
    dataType: 'json',
    data: 'data'
    async: true,
    success: function(data) {
    venues = data['response']['groups'][0]['items'];
    JSON.parse(venues);
    for(i in venues){
    allVenues.push(venues[i]);
    }
   };
    /*Do something realistic with data other than logging it to console*/
    console.log(allVenues);

Answer 1

You do it right, but not in the right place. jQuery.ajax will not wait for the response, but will invoke a 'success' callback when the request is answered.

Try this:

var i, venues, allVenues=[]; 
$.ajax({
  url: 'url',
  dataType: 'json',
  data: 'data'
  async: true,
  success: function(data) {
    venues = data['response']['groups'][0]['items'];

    // The following line of code does nothing, because you
    // did not store it's return value. Fortunately it wasn't
    // even needed
    //
    // JSON.parse(venues);

    for(i in venues) {
      allVenues.push(venues[i]);
    }
    // or
    // allVenues.push.apply(allVenues, venues);
    // or in ES6
    // allVenues.push(...venues);
    // or the following will create a new array instance and save it in the allVenues variable
    // allVenues = allVenues.concat(venues);

    /*Do something realistic with data other than logging it to console*/
    console.log("Here are your updated venues:");
    console.log(allVenues);
  }
});
console.log("These are your old venues:");
console.log(allVenues);

EDIT: You can check that the identity of the allVenues array didn't change by printing it to the console every second:

setInterval(function(stored) {
  console.log(stored);
  console.log(stored === allVenues);
}, 1000, allVenues);

EDIT: To update an array to contain only the items of another array, you can use:

allVenues.length = 0;
allVenues.push.apply(allVenues, venues);

or

allVenues.length = venues.length;
for (var i in venues) {
  allVenues[i] = venues[i];
}