在Javascript（jQuery）中将数组推入另一个数组

Question

我一直在尝试让循环中的push()方法按照以下结构构建：

var locations2 = [
    ['User', position.coords.latitude, position.coords.longitude, 1],
    ['Bondi Beach', -33.890542, 151.274856, 2],
    ['Coogee Beach', -33.923036, 151.259052, 3],
    ['Cronulla Beach', -34.028249, 151.157507, 4],
    ['Manly Beach', -33.80010128657071, 151.28747820854187, 5],
    ['Maroubra Beach', -33.950198, 151.259302, 6]
];

这是我的代码：

var locations = [];

$.ajax({
    type: "POST",
    url: "/ajax/map.php",
    data: "name=test",
    dataType: "json",
    cache: false,
    success: function(data){
        $.each(data.points, function(i,item){
            array_push = ["test", parseFloat(item.origem_lat), parseFloat(item.origem_lng), i];
            locations.push(array_push);
        });               
    }
});  

然而，位置的Javascript console.log显示为空数组。

我尝试了许多不同的方式使用push()，但是我无法得到与locations2相同的结构。最大的问题在于，在循环之前，我不知道将有多少个数组在位置数组中，因此我无法事先初始化它。

有什么想法吗？

- rodd

---

你的语法看起来没问题 —— 你确定 data.points 包含了你期望的数组吗？ - McGarnagle

在您的ajax调用中添加一个错误回调函数。它可能会抛出一个错误，但使用此代码您可能不知道。 - Emre Erkan

别忘了在回调函数中加入 console.log 语句，否则它还没有填充。 - Bergi

我尝试了下面的代码，它运行良好。我认为你可以检查data.points的结构。$.each([{origem_lat:"1.0", origem_lng:"1.1"}, {origem_lat:"2.0", origem_lng:"2.1"} ], function(i,item){ array_push = ["test", parseFloat(item.origem_lat), parseFloat(item.origem_lng), i]; locations.push(array_push); }); - Teddy

请发布您的结果 JSON 进行验证！ - silly

Answer 1

我找到问题所在了。它与push（）方法本身没有任何关系。显然ajax调用不按顺序执行（这就是它是异步的原因）。我在ajax调用选项中添加了async：false，现在一切都完美地运行了。

谢谢大家的帮助。

- rodd

---

"async: false" 这个设置打败了使用异步 JavaScript 和 XML 的初衷。由于请求被阻塞，你可能会遇到页面挂起等问题。可以考虑查阅 "Deferred Objects"（http://api.jquery.com/category/deferred-object/）。 - Aesthete

+1 提到了deferreds。值得一提的是，它们有一点学习曲线，但并不太难，非常适合这种情况。 - lbstr