JavaScript对象属性排序异常：2^32阈值导致键排序差异问询

你遇到的这个现象完全符合ECMAScript官方规范的要求，并不是浏览器的bug。下面就来拆解背后的规则：

1. 对象属性的分类与遍历优先级 #

ECMAScript规范将对象的属性分为三类，使用for...in遍历会严格按照以下顺序处理：

• 第一类：整数索引属性：指可以被转换为无符号32位整数的键（数值范围是 0 ≤ 键值 < 2^32，也就是0到4294967295之间）。这类属性会被按升序遍历，完全忽略它们被添加到对象中的顺序。
• 第二类：非整数索引的字符串键：包括无法转为上述范围整数的数字字符串、普通字符串键等。这类属性会按照它们被添加到对象的顺序遍历。
• 第三类：Symbol键：for...in不会遍历这类键，这里就不多展开了。

2. 对应你的代码例子分析 #

• 对于test1里的键：4294966222、4294966333、4294966111，它们都小于2^32（4294967296），属于整数索引属性，所以for...in会自动按升序输出，也就是4294966111→4294966222→4294966333。
• 对于test2里的键：4294968222、4294968333、4294968111，它们都大于2^32-1（4294967295），无法被当作无符号32位整数处理，因此属于非整数索引的字符串键，遍历顺序就遵循你定义对象时的属性添加顺序，也就是4294968222→4294968333→4294968111。

3. 额外提醒 #

之前你通过重排属性来控制遍历顺序的方式，其实依赖于早期浏览器未严格遵循规范的行为。现在主流浏览器都严格执行ECMAScript的遍历规则，所以如果需要稳定的遍历顺序，更可靠的方式是：

• 如果需要按特定顺序处理键，可以提前将键提取到数组中，手动排序后再遍历；
• 若场景允许，使用Map结构代替普通对象，Map会严格按照键的插入顺序遍历，不受键类型的影响。

内容的提问来源于stack exchange，提问作者Kar.ma