JavaScript中如何将排序后的二维键值对数组转回保持顺序的对象

JavaScript 中的普通对象（plain object）本身不保证严格的属性遍历顺序，ES6 之后的规范仅约定：非数字型字符串键、Symbol 键按插入顺序排列，数字型字符串键（比如"1"、"23"）会被自动按数值升序提前排列，这就是你排序后转对象顺序丢失的核心原因。

另外你现有代码存在隐藏问题：sort 回调如果用大括号包裹函数体，需要显式 return 计算结果，否则返回 undefined 会导致排序不生效，修正后的排序写法如下：

const sorted = Object.entries(MyObject)
  // 要么去掉大括号隐式返回，要么显式加return
  .sort((x,y) => x[1].val3 - y[1].val3);

方案1：使用 Map 结构（最推荐） #

ES6 新增的 Map 结构严格按照插入顺序保存键值对，完全符合你的需求，转换代码非常简单：

const sortedMap = new Map(sorted);

使用方式和普通对象基本一致：

• 取值：sortedMap.get(key)
• 赋值：sortedMap.set(key, value)
• 遍历：直接用 for...of 遍历，或者调用 sortedMap.entries()、sortedMap.keys()、sortedMap.values() 都能拿到排序后的结果。

方案2：普通对象+单独维护排序键列表（兼容性最好） #

如果你必须使用普通对象存储数据，可以额外把排序后的键单独存为一个数组，使用时按照这个数组的顺序遍历取值，完全不受对象本身属性顺序的影响：

// 转普通对象
const sortedObj = sorted.reduce((res, [key, val]) => {
  res[key] = val;
  return res;
}, {});
// 单独保存排序后的键列表
const sortedKeys = sorted.map(([key]) => key);

// 使用时按sortedKeys的顺序遍历即可
sortedKeys.forEach(key => {
  const value = sortedObj[key];
  // 后续业务逻辑
})

方案3：仅用普通对象（有前提限制） #

如果你的所有对象键都是非数字开头的字符串（不存在"1"、"123"这类可以转成数字的键），在现代浏览器/Node.js 环境下普通对象也能保留插入顺序，只需要保证 reduce 转换的逻辑正确即可：

const sortedObj = sorted.reduce((res, [key, val]) => {
  res[key] = val;
  return res;
}, {});

注意该方案兼容性有限，不建议在生产环境使用，优先选择方案1或者方案2。

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