JavaScript中的数组排序-比较IE8和Chrome的不同结果

Question

数组（注意项目顺序）：

{
  "5":{
      "Title":"Title A",
      "Desc":"Description A"
  },
  "15":{
      "Title":"Title B",
      "Desc":"Description B"
  },
  "10":{
      "Title":"Title C",
      "Desc":"Description C"
  },
  "1":{
      "Title":"Title D",
      "Desc":"Description D"
  },
  "20":{
      "Title":"Title E",
      "Desc":"Description E"
  }
}

现在，如果在chrome或IE9上运行，下面的js代码确实会改变顺序。

for ( var i in data ) {
    alert(JSON.stringify(data[i]));
}

IE8保留原始订单，而较新的浏览器将订单更改为1,5,10,15,20。

知道为什么会这样吗？ 是否可以在较新的浏览器中保留原始订单？

非常感谢，卢克

Answer 1

你在那里得到的不是阵列。 它只是一个对象，属性的显示顺序是不确定的。

编辑 —有趣的事实：该规范说，如果实现决定发布for ... in语句中的某些特定顺序，则Object.keys()必须遵循相同的顺序规则。 但是，不需要这样的规则。 规范并没有详细说明实现的“不确定性”，但是对我而言，一个好的经验法则是对代码进行编码，就好像该命令可以被主动随机化:-)

Answer 2

你有什么不是一个数组，而是一个对象。 对象没有任何订单。 浏览器以所需顺序返回键。

如果你想要一些固定的顺序，把你的对象放到一个数组中：

{
    "objects": [
        {
            "id": "5",
            "Title":"Title A",
            "Desc":"Description A"
        },
        {
            "id": "15",
            "Title":"Title B",
            "Desc":"Description B"
        },
        {
            "id": "10",
            "Title":"Title C",
            "Desc":"Description C"
        },
        {
            "id": "1",
            "Title":"Title D",
            "Desc":"Description D"
        },
        {
            "id": "20"
            "Title":"Title E",
            "Desc":"Description E"
        }
    }
}