jQuery getJSON 数据顺序因浏览器而异

Question

JSON数据：

  {"2":"Alpha","1":"Beta"}

数据格式是固定的，即我无法更改它，我只能修改javascript/jQuery代码。

    $.getJSON("www.myurl.com", function(data) {
        var items = [];
        $.each(data, function(key, val) {
            items.push(key + ', ' + val);
        });
        alert(items);
    });

Chrome、IE9 和 Opera 显示： 1、Beta、2、Alpha

Firefox 和 Safari 显示： 2、Alpha、1、Beta

问题1：哪个是正确的？

问题 2：我想要像 Firefox 和 Safari 中那样对数据进行排序。确保 Chrome、IE9 和 Opera 产生与 Firefox 和 Safari 相同的输出的最简单方法是什么？

Answer 1

$.each 对 JavaScript 数组进行操作（索引是基于 0 的整数）。您显示的 JSON 不是数组。它是一个关联数组，这就是 javascript 对象。所以：

$.getJSON("www.myurl.com", function(data) {
    var items = [];
    for (var prop in data) {
        if (data.hasOwnProperty(prop)) {
            items.push(prop + ', ' + data[prop]);
        }
    }
    alert(items);
});

或者如果你想使用 $.each 然后使用数组，如下所示：

["Alpha", "Beta"]

然后：

$.getJSON("www.myurl.com", function(data) {
    var items = [];
    $.each(data, function(index, element))
        items.push(index + ', ' + element);
    }
    alert(items);
});

Answer 2

不知道...但您可以事后对数组进行排序。

给出以下输出（模拟测试），

var items = ["1, Beta", "2, Alpha"]

您可以

items.sort(function(a,b){ return b.split(",")[0] - a.split(",")[0] })

Answer 3

我会将您的响应重新安排为更像这样的内容：

[
  {
    "key":"2",
    "value":"Alpha"
  },
  {
    "key":"1",
    "value":"Beta"
  }
]

使用数组将确保保留顺序。