Javascript将对象推入多维数组循环

Question

我目前有这个多维数组：

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

我有一个 JavaScript 文件：

$(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

});

它可以很好地从 PHP 文件中获取所有信息，但是我想为每个循环“推送”/添加一个新事件到当前数组中。

非常感谢任何帮助！

Answer 1

您添加的是一个字符串，而不是一个数组。 应该是：

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

为了确认，在将测试推入数组之前，打印类型。即

console.log(typeof test);

如果它是一个字符串，你会得到 'string' 作为输出；如果它是一个数组，你会得到'object'。

Answer 2

您将test 变量设置为一个长字符串，而不是一个实际的数组。要使其成为一个数组，您可以执行以下操作：

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

示例：https://jsfiddle.net/ejqzshy5/

Answer 3

您可以为每一行创建一个新数组，然后将每个项目推入该数组。最后，将这个新数组推送到您的 locations 数组中。

这是 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);
}