如何按值而非键对JavaScript对象进行排序

我遇到一个需求：给名为novels的JavaScript对象按value而非key排序，过程中踩了不少坑，最终找到可行方案，整理如下：

问题重现 #

原始对象类似这样：

const novels = {
  "book1": 3,
  "book2": 1,
  "book3": 2
};

目标是让对象按value从小到大排列，得到顺序为book2(1) → book3(2) → book1(3)的结构。

尝试的无效方法 #

1. 转数组排序后转回对象
   先用Object.entries()把对象转成键值对数组，再按value排序：

   const sortedEntries = Object.entries(novels).sort((a, b) => a[1] - b[1]);
   // 此时sortedEntries是正确的：[["book2",1], ["book3",2], ["book1",3]]
   

   但用Object.fromEntries(sortedEntries)转回对象后，排序直接失效——对象又变回按key的默认顺序排列。

2. 转多对象数组再合并
   把排序后的数组拆成单个对象的数组[{book2:1}, {book3:2}, {book1:3}]，再用Object.assign()或者展开语法合并成一个对象，结果依然和之前一样，顺序无法保留。

原因分析 #

JavaScript对象的键顺序有内置规则：

• 如果键是可转换为整数的字符串（比如"1"、"2"这类），会被优先按数值升序排列；
• 其他字符串键则按插入顺序排列。
  如果你的对象键属于前者，哪怕手动控制插入顺序，引擎也会自动重置键的排列顺序，导致排序失效。

最终可行方案：交换键值 #

把原对象的value当作新对象的key，原key当作新对象的value，这样排序后转成对象就能保留顺序（前提是原value唯一，不会出现重复键）：

const novels = {
  "book1": 3,
  "book2": 1,
  "book3": 2
};

// 交换键值并按原value排序
const sortedNovels = Object.fromEntries(
  Object.entries(novels)
    .sort((a, b) => a[1] - b[1])
    .map(([key, value]) => [value, key])
);

console.log(sortedNovels);
// 输出：{1: "book2", 2: "book3", 3: "book1"}

更稳妥的替代方案：用数组存储排序结果 #

如果不需要严格的对象结构，更推荐直接保留排序后的键值对数组——数组的顺序是完全可控的，不会受对象键规则影响：

const sortedNovelsArray = Object.entries(novels).sort((a, b) => a[1] - b[1]);

// 遍历使用时顺序完全符合预期
sortedNovelsArray.forEach(([book, rank]) => {
  console.log(`${book} 的排名是 ${rank}`);
});

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