如何在JavaScript中仅对对象值排序且保持键的位置不变？

嘿，我来帮你搞定这个需求！你想要的是保持对象原有键的顺序不变，仅对值进行升序排序，最终得到{0: 1, 2: 2, 4: 3}对吧？其实实现起来很简单，分三步就能完成：

核心思路 #

1. 提取原对象的所有值，对值进行升序排序
2. 获取原对象的键数组（保持键的原始顺序）
3. 将排序后的值按键的原始顺序，重新赋值给对应的键

具体代码实现 #

const originalObj = {0: 3, 2: 2, 4: 1};

// 步骤1：提取值并做升序排序（注意加比较函数，避免字符串排序问题）
const sortedValues = Object.values(originalObj).sort((a, b) => a - b);
// 步骤2：获取原对象的键数组（ES6+中Object.keys会按键的插入/数字升序返回）
const keys = Object.keys(originalObj);
// 步骤3：创建新对象并赋值
const resultObj = {};
keys.forEach((key, index) => {
  resultObj[key] = sortedValues[index];
});

console.log(resultObj); // 输出: {0: 1, 2: 2, 4: 3}

如果你想直接修改原对象 #

不需要创建新对象的话，也可以直接遍历键数组更新原对象的值：

const originalObj = {0: 3, 2: 2, 4: 1};
const sortedValues = Object.values(originalObj).sort((a, b) => a - b);
const keys = Object.keys(originalObj);

keys.forEach((key, index) => {
  originalObj[key] = sortedValues[index];
});

console.log(originalObj); // 同样得到目标结果

关键说明 #

• Object.keys()在处理数字类型的键时，会自动按数字升序返回键列表，刚好匹配你原对象的键顺序0,2,4；如果是字符串键（非数字），则会按插入顺序返回，完全能保证键的位置不变。
• sort((a,b)=>a-b)是必须的，因为默认的sort()方法会把值当作字符串排序，直接用的话数字排序会出错（比如10会排在2前面）。

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