jQuery $.get() 顺序不匹配

Question

php 返回按名称排序的数组，但是当我使用 $.(get) 时，它们是按 id 排序的。

{
"34":{"id":"34","name":"Amber","assigned":1},
"72":{"id":"72","name":"Bob","assigned":0},
"7":{"id":"7","name":"Charlie","assigned":0},
"3":{"id":"3","name":"Gary","assigned":1}
}

$.get("/assign", { clasa: clasaDL.attr('id') },
  function(data){
    var checked, boxes = "";
    $.each(data, function(n, val) {
      checked = (val.assigned == 1) ? 'checked="yes"' : '';
      boxes += '<input type="checkbox" ' + checked + ' value="' + val.id + '" />' + val.name;
    });

  $('#dialog').html('<form id="assign">' + boxes + '</form>');
}, "json");

问题是：如何按名称而不是 id 订购？

Answer 1

JavaScript 对象没有顺序。虽然大多数浏览器保持初始顺序，例如Chrome 没有。

如果您想要排序数据，请使用数组 - 如果您需要使用不适合数组的键（非数字或实际元素键之间有很多未使用的键）进行访问，请创建一个包含键的对象 =>数组索引映射。

所以您的 JSON 可能如下所示：

{
    "data": [
        {"id":"34","name":"Amber","assigned":1},
        {"id":"72","name":"Bob","assigned":0},
        {"id":"7","name":"Charlie","assigned":0},
        {"id":"3","name":"Gary","assigned":1}
    ],
    "mappings": {"34": 0, "72": 1, "7": 2, "3": 3}
}

然后您可以遍历 data 或使用 data[mappings['yourid']] 通过其 id 访问元素