先记住这个答案
对象的自有键遍历时分三段：第一段是整数键，按数值从小到大排；第二段是其余字符串键，按添加的先后排；第三段是 Symbol 键，也按添加先后。所以 { b: 1, 2: 'x', a: 2, 1: 'y' } 用 Object.keys 遍历出来是 1、2、b、a。这是规范写死的，Object.keys、Object.entries、for...in、JSON.stringify 都遵守同一个顺序。
- 整数键升序在前，字符串键按插入顺序在后
01、-1、1.5属于字符串键- 自有键遍历有约定的顺序
- 要保证插入顺序，用
Map
看一个混合键的对象
业务里最常见的坑：后端返回一个以 id 为键的对象，比如 { "30": ..., "10": ..., "20": ... }，前端想保留后端给的顺序，结果渲染出来变成了 10、20、30。
const obj = { b: 1, 10: 'ten', a: 2, 2: 'two', '-1': 'neg', '1.5': 'float', '01': 'lead' }
obj[0] = 'zero' // 最后才加，照样排第一
obj[Symbol('s')] = 's'
console.log(Object.keys(obj).join(','))
const forIn = []
for (const k in obj) forIn.push(k)
console.log(forIn.join(','))
console.log(JSON.stringify(obj))
console.log(Reflect.ownKeys(obj).length) // 8 个字符串键 + 1 个 Symbol查看输出与解释
0,2,10,b,a,-1,1.5,01
0,2,10,b,a,-1,1.5,01
{"0":"zero","2":"two","10":"ten","b":1,"a":2,"-1":"neg","1.5":"float","01":"lead"}
9几个细节。0 是最后加的，但它是整数键，直接排到最前面。'-1'、'1.5'、'01' 看起来像数字，却都不算整数键，老老实实按插入顺序排在 b、a 后面。Symbol 键不会出现在 Object.keys 和 for...in 里，也会被 JSON.stringify 忽略，只有 Reflect.ownKeys 数得到它。
哪些键算整数键
规范里叫「数组索引」（array index）：一个字符串，转成数字后是 0 到 2 ** 32 - 2 之间的整数，并且再转回字符串和原来一模一样。
按这个标准，'10' 算，'01' 不算（转回来是 '1'），'-1' 不算（负数），'1.5' 不算（不是整数），'1e3' 也不算。超出上限的大数字，比如 '4294967295'，同样按普通字符串键处理，排在整数键后面。
对象字面量里写 { 1: 'a' }，键会先被转成字符串 '1'。对象的键只有字符串和 Symbol 两种，数字键本质上也是字符串，只是符合上面的格式才被特殊排序。
为什么要这样排
历史原因和性能原因各占一半。
引擎在内部会把对象的整数键单独存在一块类似数组的连续存储里，V8 里叫 elements，其余命名属性存在另一处。遍历时先把 elements 按下标走一遍，再按创建顺序走命名属性，自然就是这个顺序。这样数组和类数组对象的下标访问能走快速路径。
早期规范并没有规定顺序，但主流浏览器实际行为都是这样。ES2015 先给 Reflect.ownKeys、Object.getOwnPropertyNames 这类 API 定下了顺序，后来 ES2020 又把 for...in 的顺序也规范化了，现在不同引擎之间结果一致，可以依赖。
容易答错的地方
- 以为对象键完全按插入顺序
- 只有非整数的字符串键才按插入顺序。只要键像数组下标，就会被提到前面排序。所以用 id 当键存有序列表，顺序一定会乱。
- 以为
for...in和Object.keys顺序可能不同 - 自有属性部分两者顺序一致。差别在于
for...in还会接着遍历原型链上的可枚举属性，排在自有属性后面；Object.keys只看自有属性。 - 以为数字字符串都算整数键
'01'、'-1'、'1.5'、' 1'这些都是普通字符串键，按插入顺序排。判断标准是「转数字再转回来是否完全一样」。
面试官还会怎么问？
要保留后端返回的顺序，该怎么办？
让后端直接返回数组，或者前端用 Map 存。Map 严格按插入顺序遍历，不管键是什么类型。也可以另外维护一个存键顺序的数组，按数组去取对象里的值。
给键加个前缀能解决吗？
能。把 10 存成 'id_10'，它就不是整数键了，会按插入顺序排。不少项目这样绕开，但读的时候要记得带前缀，不如直接用 Map 清楚。
数组的遍历顺序也是这个规则吗？
是的。数组本身就是对象，下标就是整数键，所以 Object.keys(['a', 'b']) 得到 ['0', '1']。如果给数组额外加了 arr.foo = 1 这种属性，它会排在所有下标后面。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。