Javascript push object into multidimensional array loop

Question

I currently have this multidimensional array:

var locations = [
    ['Event', 'Monday', 50.820250, -0.143534, 'Image', 'fa fa-heart'],
    ['Event 2', 'Tuesday', 50.819939, -0.140978, 'Image', 'fa fa-heart'], 
];

And I have a JavaScript file with this:

$(function () 
  {
$.ajax({                                      
  url: 'locations.php', data: "", dataType: 'json', success: function(rows)        
  {
    for (var i in rows)
    {
      var row = rows[i];          

      var id = row.id;
      var name = row.name; 
      var date = row.date; 
      var lat = row.lat; 
      var long = row.long;
      var image = row.header;

    var test = "['" + name + "', '" + date + "', " + lat + ", " + long + ", '" + image + "', 'fa fa-heart'],";

    locations.push(test);

          } 

  } 
});

  async: false

});

It's grabbing all the information from the PHP file fine, however I would like to "push" / add a new event into the current array for every loop.

Any help is greatly appreciated!

Answer 1

What you are adding is a string - not an array. It should be:

var test = [name, date, lat, long, image, 'fa fa-heart'];

To confirm, before pushing test into the array, print the type. i.e.

console.log(typeof test);

If it's a string, you get 'string' as the output; if it's an array, you get 'object'.

Answer 2

You're setting your test variable to one long string instead of an actual array. For it to be an array, you can do the following:

var test = [name, date, lat, long, image,'fa fa-heart'];
locations.push(test);

Example: https://jsfiddle.net/ejqzshy5/

Answer 3

You can just create a new array for each row, and then push each item into this array. Finally, push this new array into your locations array.

Here's the JSBin: http://jsbin.com/zumijib/edit?html,css,js,output

for (var i = 0, rowLength = rows.length; i < rowLength; i++) {
  var row = rows[i];
  // create new array
  var newData = [];

  // add new data to end of list.
  newData.push(row.name);
  newData.push(row.date);
  newData.push(row.lat);
  newData.push(row.long);
  newData.push(row.image);
  newData.push('fa fa-heart');

  // add data to current list of locations.
  locations.push(newData);
}