javascript - JSON.parse in Javascript乱序选择

Question

我从 api 收到一个这样的 Json:

{
  "paises":{
    "145":"CHINA (53)",
    "150":"ESPAÑA (45)",
    "68":"HOLANDA (38)",
    "236":"RUMANIA (52)"
  }
}

国家列表总是按字母顺序排列，但当添加到选择列表时显示无序并按 id 排序。像这样:

 "68":"HOLANDA (38)",
 "145":"CHINA (53)",
 "150":"ESPAÑA (45)",
 "236":"RUMANIA (52)"

这是一个代码:

   var datos = JSON.parse(data);

   $.each(datos.paises, function(id, valor) {
          $("#informe-id").append($('<option>', {
             value: id,
             text: valor,
          }));
   });

在我的项目中，我在更多选择中遇到了这个问题。在其他列表中，列表大小大于 200，因此解析和缩短可能会消耗大量资源。按字母顺序填充选择保留列表的最佳方法是什么？

非常感谢

Answer 1

您可以使用Object.entries 将对象转换为数组。使用 sort 对其进行排序。

注意:orderedDatos 现在将是一个数组，而不是一个对象。您可能需要更改 $.each

上的某些内容

var data = '{"paises": {"145": "CHINA (53)","150": "ESPAÑA (45)","68": "HOLANDA (38)","236": "RUMANIA (52)"}}';
var datos = JSON.parse(data);

var orderedDatos = Object.entries(datos.paises).sort((a, b) => a[1].localeCompare(b[1]));

$.each(orderedDatos, function(id, valor) {
  console.log(valor[0], valor[1]); //Use valor[0] to get the key | Use valor[1] to get the value
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

文档:Object.entries() , sort()