Question

我有一些JSON数据：

{  
  "113":{"id":"113","title":"Coal","hex":"4f4f4f"},
  "116":{"id":"116","title":"White","hex":"fdfbf7"},
  "115":{"id":"115","title":"Greylead","hex":"b3b3b3"}
}

我可以像这样访问数据属性的标记：

var arr = $("#element).data('arr');

然后对每件物品做点什么。像这样：

$.each( arr, function( index, obj ){ 
   console.log( obj.title + ' is #' + obj.hex );
}

但是没有保留数据中项目的顺序。

$.each似乎通过数据中每个项目的前导数字迭代，而不是项目实际在数组中的顺序。我以数字顺序113,115,116而不是113,116,115得到我的输出（这是数据中项目的实际顺序）。

如何迭代实际顺序中的项目？

Answer 1

如果订单对您很重要，请使用普通数组：

[
    {"key": "113", "id":"113","title":"Coal","hex":"4f4f4f"}, 
    {"key": "116", "id":"116","title":"White","hex":"fdfbf7"}, 
    {"key": "115", "id":"115","title":"Greylead","hex":"b3b3b3"}
]

然后是普通循环：

for (var i = 0; i < arr.length; i++) {
    var obj = arr[i];
    console.log( obj.title + ' is #' + obj.hex );
}

Live test case

如果要根据其键搜索项目，则现在必须遍历所有项目才能找到它。为了提高效率，您可以创建额外的“映射器”对象：

var mapper = {};
for (var i = 0; i < arr.length; i++) {
    var obj = arr[i];
    mapper[obj.key] = obj;
}

然后根据密钥查找项目：

key = "115";
if (mapper[key]) {
    //exists...
}

Updated fiddle

Answer 2

只需访问此网站http://json.parser.online.fr并粘贴此

   {  
    "113":{"id":"113","title":"Coal","hex":"4f4f4f"},
    "116":{"id":"116","title":"White","hex":"fdfbf7"},
    "115":{"id":"115","title":"Greylead","hex":"b3b3b3"}
   }

我想你会得到你的答案JSON.parse维护ORDER和eval（'（'+ data +'）'）维护INDEX。然后运行一个普通的循环并做你的其他工作。

如何按顺序（而不是索引）迭代类似数组的对象？

2 个答案: