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

时间:2017-01-16 18:50:39

标签: javascript arrays for-loop 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'], 
];

我有一个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文件中获取所有信息,但我希望"推送" /为每个循环向当前数组添加一个新事件。

非常感谢任何帮助!

3 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

您要添加的是字符串 - 而不是数组。 它应该是:

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

要确认,在将测试推入阵列之前,请打印类型。即。

console.log(typeof test);

如果它是一个字符串,你会得到一个字符串'作为输出;如果它是一个数组,那么你就得到了对象'

答案 2 :(得分:0)

您可以为每一行创建一个新数组,然后将每个项目推送到此数组中。最后,将这个新数组推送到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);
}