JS Object 数字 key 的顺序

更新于 2020-02-11写于 2020-02-11前端JavaScript

Object 的 key 是排过序的，但这个 Object 的 key 的排序和数组下标不同是有限制的，我在 Node.js（Chrome V8 引擎）测试 Object 的 key 只有在小于2^32 - 1时才会排序。

要保证 Object 的 key 的顺序的话可以先获取可枚举属性然后排序，参见：Object.entries() - JavaScript | MDN。

其实数组下标也是 Key（连续的整数名的的可枚举属性，未设置的 Value 为undefined），所以使用 for...in 遍历数组一是不能保证顺序，二是会遍历非整数名的可枚举属性。参见：for...in - JavaScript | MDN。

例，使用 Node.js（Chrome V8 引擎）测试 Object 的 key 只有在小于2^32 - 1时才会排序：

javascript

 1let obj = {
 2  // unnormal order (not sorted) (>= 2^32 - 1)
 3  "4294967296": true,
 4  "4294967295": true,
 5  "4294967299": true,
 6  "4294967298": true,
 7  // normal order (sorted) (< 2^32 - 1)
 8  "4294967294": true,
 9  "4294967293": true,
10  "1": true,
11  "2": true,
12  "3": true
13};
14
15console.log(Object.keys(obj).join(", ")); // 和 for...in 顺序一样
16/*
17   	排序不正常：
18	1, 2, 3, 4294967293, 4294967294, 4294967296, 4294967295, 4294967299, 4294967298
19   */
20
21console.log(
22  Object.keys(obj)
23    .sort((a, b) => {
24      return a - b;
25    })
26    .join(", ")
27);
28/*
29    排序正常：
30	1, 2, 3, 4294967293, 4294967294, 4294967295, 4294967296, 4294967298, 4294967299
31   */