Sort与Reduce处理后对象排序未保留，遍历顺序异常求助

核心问题1：排序逻辑完全错误 #

你当前的排序回调是按值的数字大小降序排序：

.sort(([,v1], [,v2]) => +v2 - +v1)

这和你想要的「按键字母序排序」完全无关。之所以console.log(sortedData)看起来是字母序，是因为浏览器控制台会自动对普通对象的键进行字母序整理后展示，并非对象本身的真实顺序。

核心问题2：普通对象的遍历顺序不可靠 #

即使修正排序逻辑，把排序后的键值对转回普通对象后，依赖Object.keys()的遍历顺序来保证排序结果也不推荐——部分场景下可能出现不符合预期的顺序，且浏览器控制台的展示顺序和实际遍历顺序可能不一致。

正确的解决方法 #

方法1：保留排序后的键值对数组（推荐） #

直接使用排序后的数组进行遍历，彻底避开对象顺序的问题：

// 按键的字母序排序（支持多语言，比直接字符串比较更可靠）
const sortedEntries = Object.entries(templateData)
  .sort(([k1], [k2]) => k1.localeCompare(k2));

// 遍历排序后的数组，顺序完全符合预期
sortedEntries.forEach(([key, value], idx) => {
  console.log(key);
  console.log(idx);
});

方法2：使用Map存储排序结果 #

Map会严格保留键的插入顺序，遍历顺序就是排序后的顺序：

const sortedMap = new Map(
  Object.entries(templateData)
    .sort(([k1], [k2]) => k1.localeCompare(k2))
);

// 遍历Map，顺序正确
sortedMap.forEach((value, key) => {
  console.log(key);
});

如果你一定要转回对象（不推荐） #

如果业务必须用普通对象，修正排序逻辑后，现代浏览器下Object.keys()会按插入顺序遍历，但需注意兼容性：

const sortedData = Object.fromEntries(
  Object.entries(templateData)
    .sort(([k1], [k2]) => k1.localeCompare(k2))
);

// 现代浏览器下Object.keys会按插入顺序返回
Object.keys(sortedData).forEach((element, idx) => {
  console.log(element);
  console.log(idx);
});

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