本文介绍如何对包含年月字符串的数组对象进行时间顺序排序，同时固定首项（如“country”），其余项按真实年月升序排列，避免字符串误排序。
本文介绍如何对包含年月字符串的数组对象进行时间顺序排序，同时固定首项（如“country”），其余项按真实年月升序排列，避免字符串误排序。
在数据可视化或表格处理场景中，常遇到类似需求：一个数组中首项为分类标识（如 "Country"），后续项为带年月的字符串（如 "Jan 2023"、"Dec 2022"），需按真实时间先后顺序重新排列——即 Dec 2022 → Jan 2023 → Feb 2023，而非字典序（"Feb 2023" 会排在 "Dec 2022" 前）。直接使用字符串比较或长度判断会导致逻辑错误，必须将月份字符串准确解析为可比较的时间基准。
✅ 正确做法：分离首项 + 日期解析 + 定制排序
核心思路是：
- 保留首项不动（通常为表头或维度字段）；
- 对剩余项提取 data 字段，用 new Date() 解析为时间戳（JS 能自动识别 "Jan 2023" 等格式）；
- 使用数值差值（Date - Date）实现升序排序；
- 最后合并首项与已排序子数组。
以下是完整、健壮的实现代码：
const dataset = [
{ "data": "Country", "title": "country" },
{ "data": "Jan 2023", "title": "Jan 2023" },
{ "data": "Feb 2023", "title": "Feb 2023" },
{ "data": "Dec 2022", "title": "Dec 2022" }
];
// 提取首项，排序其余项
const [first, ...rest] = dataset;
const sortedRest = rest.sort((a, b) => {
const dateA = new Date(a.data);
const dateB = new Date(b.data);
// 若解析失败（如非法格式），置后处理（可选容错）
if (isNaN(dateA.getTime())) return 1;
if (isNaN(dateB.getTime())) return -1;
return dateA - dateB; // 升序：早 → 晚
});
const result = [first, ...sortedRest];
console.log(result);
// 输出：Country → Dec 2022 → Jan 2023 → Feb 2023⚠️ 注意事项与最佳实践
- new Date() 的兼容性：现代浏览器支持 "MMM yyyy" 格式（如 "Oct 2024"），但不保证所有 locale 下 100% 稳定。如需更高鲁棒性，建议使用 Intl.DateTimeFormat 或正则手动解析（例如 /(\w+)\s+(\d{4})/ 提取月份名和年份，再映射为数字月份）。
- 原地排序风险：Array.prototype.sort() 是原地修改。若需保留原始数组，请先调用 slice() 或展开运算符复制：[...rest].sort(...)。
- 首项保护逻辑：本方案通过解构 [first, ...rest] 显式分离，比在 sort 回调中频繁判断 index === 0 更清晰、高效。
- 扩展性提示：若数据中存在多类非日期项（如 "Total"、"Avg"），可预先过滤出日期项再排序，最后按业务规则插入。
掌握这一模式，即可灵活应对各类「固定表头 + 时间序列动态排序」需求，兼顾准确性与可维护性。
立即学习“Java免费学习笔记（深入）”；
