自定义排序函数对字符串/数字键表现差异：数字键降序失效原因？

核心原因 #

JavaScript 从 ES6 开始有个明确规范：普通对象的整数类型键会被引擎自动按升序排列。也就是说，不管你在代码里怎么手动调整键的赋值顺序，只要键是整数（哪怕定义时是数字形式，比如2021），最终输出或遍历这个对象时，这些键都会被强制整理成升序。

你的函数里虽然已经把数字键按desc逻辑反转成了['2023','2022','2021','2020','2019','2018']的顺序，但当你把这些键赋值给新的普通对象sortedObject时，引擎直接触发了整数键自动排序规则，把顺序又改回了升序，所以你看到降序没生效。

而字符串键（比如'zebra'）不属于整数键范畴，不会触发这个自动排序，所以你的代码逻辑能正常工作。

解决方案 #

有两种实用的解决思路：

1. 用Map替代普通对象 #

Map会严格保留键的插入顺序，不会自动排序整数键，完全适配排序需求：

const sortObjectByKey = (obj, direction = 'asc') => {
    // 补充：按数值大小排序，避免字符串字典序的问题
    const keys = Object.keys(obj).sort((a, b) => Number(a) - Number(b));
    if (direction === 'desc') keys.reverse();
    // 按排序后的顺序生成Map
    return new Map(keys.map(key => [key, obj[key]]));
}

const x = { 2021: 'twenty one', 2020: 'twenty', 2019: 'nineteen', 2023: 'twenty three', 2022: 'twenty two', 2018: 'eighteen' };
console.log(sortObjectByKey(x, 'desc')); // Map会完整保留降序的键顺序

读取Map内容可以用map.get(key)，或者通过map.entries()遍历。

2. 把数字键转为非整数型字符串键 #

如果必须用普通对象，可以给数字键加个非数字前缀（比如'y_2021'），让它们变成非整数类型的字符串键，这样引擎就不会自动排序：

// 先转换原对象的键
const xWithStrKeys = Object.fromEntries(
    Object.entries(x).map(([key, value]) => [`y_${key}`, value])
);
console.log(sortObjectByKey(xWithStrKeys, 'desc')); // 此时降序逻辑正常生效

额外优化提示 #

原来的sort()默认是按字符串字典序排序，比如'100'会排在'20'前面。如果要严格按数字大小排序，一定要给sort()传比较函数，就像上面示例里的(a, b) => Number(a) - Number(b)，这样不管是数字转的字符串还是原生字符串数字键，都能按数值正确排序。

内容的提问来源于stack exchange，提问作者knot22