为何JavaScript对象会自动排序数字型动态键？如何保留原顺序？

1. 对象键自动排序的原因 #

在ES6及后续版本的JavaScript中，普通对象的属性键会遵循固定的排序规则：

• 首先排列所有可被解析为正整数的字符串键（比如"9"、"12"、"22"这类看起来像数字的键），按数值从小到大升序排列；
• 接着排列非数字形式的字符串键，按插入顺序排列；
• 最后排列Symbol类型的键，同样按插入顺序。

你传入的22、9、12作为键，会被自动转为字符串"22"、"9"、"12"，这些属于可解析为正整数的字符串键，所以会被按数值9→12→22的顺序排列，而非插入顺序。

2. 键无法保留数字类型的原因 #

JavaScript的普通对象，其键只能是字符串或者Symbol类型。无论你用数字、布尔值还是其他类型作为键，最终都会被强制转换为字符串（Symbol类型除外）。所以你设置的数字键本质上都会变成对应的字符串，不存在真正的数字类型对象键。

解决方案：使用Map替代普通对象 #

如果需要同时满足保留插入顺序和键为数字类型的需求，推荐使用Map结构。Map会严格按照键的插入顺序存储，并且支持任意类型的键（包括数字）。

修改后的代码示例：

function meanCluster(clusters) {
   let initialized = new Map();

   clusters.forEach(mean => {
      initialized.set(mean, []);
   })

   return initialized;
}

const OneDimensionPoint = [22, 9, 12, 15, 10, 27, 35, 18, 36, 11];
let mean = [OneDimensionPoint[0], OneDimensionPoint[1], OneDimensionPoint[2]];

const result = meanCluster(mean);
console.log(result); // Map(3) { 22 => [], 9 => [], 12 => [] }

如果需要将Map转换为类似对象的结构查看，也可以使用Array.from获取键值对数组：

console.log(Array.from(result)); // [[22, []], [9, []], [12, []]]

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