JavaScript中键为浮点数字符串的对象排序问题及错误解法

你的代码问题出在哪 #

1. 普通对象无法通过重新赋值改变键顺序：你试图把排序后的键值对重新赋值回原对象，但JS普通对象的键顺序（现代浏览器虽支持插入顺序规则）不会因修改已有键的位置而改变——原对象的键会保留最初的插入顺序，排序操作相当于无效。
2. 代码冗余且有笔误：你把每个键值对转成单个对象的数组，排序逻辑绕了弯路；最后console.log(data)是笔误，应该是console.log(trends)，但即使修正，结果顺序还是不对。

正确解决方案 #

不要试图修改原对象的顺序，而是将对象转成键值对数组排序后，用Map存储（完全保证顺序）或生成新对象（仅现代环境可靠）。

完整代码示例

const trends = {
  '2023.4': '665999.91',
  '2023.5': '1228000.0',
  '2023.6': '643842.86',
  '2023.7': '510166.67',
  '2023.8': '727600.0',
  '2023.9': '535327.63',
  '2024.1': '472591.88',
  '2024.2': '525736.46',
  '2024.3': '596570.0',
  '2024.4': '548539.52',
  '2023.10': '562607.69'
};

// 1. 将对象转为键值对数组并排序
const sortedEntries = Object.entries(trends).sort(([keyA], [keyB]) => {
  // 拆分年月并转为数字
  const [yearA, monthA] = keyA.split('.').map(Number);
  const [yearB, monthB] = keyB.split('.').map(Number);
  
  // 先按年份排序，年份相同则按月份排序
  if (yearA !== yearB) {
    return yearA - yearB;
  }
  return monthA - monthB;
});

// 2. 方案一：用Map存储（推荐，完全保证遍历顺序）
const sortedMap = new Map(sortedEntries);
// 按顺序遍历输出
sortedMap.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

// 3. 方案二：生成新对象（仅现代浏览器/Node.js环境可靠）
const sortedObj = Object.fromEntries(sortedEntries);
console.log(sortedObj);

关键说明 #

• 为什么用Map：Map是JS专门为有序键值对设计的数据结构，遍历顺序严格遵循插入顺序，不会像对象那样有环境兼容问题。
• 排序逻辑优化：直接用Object.entries获取[key, value]数组，排序时直接解构键，比你原代码中拆单个对象的方式更简洁高效。

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