Array.prototype.sort()稳定排序保证多级排序一致性

先抛一个核心结论：得益于ECMAScript 2019的规范要求，如今所有现代浏览器中的Array.prototype.sort()都是稳定排序。这意味着，当两个元素在排序比较中被判定为“相等”时，它们在原数组中的相对顺序会被保留下来。这个看似微小的特性，恰恰是实现清晰、可靠的多级排序的关键所在。

如何利用这一特性？核心方法在于“倒序执行”。你需要从最低优先级的字段开始排序，然后逐级向前叠加更高优先级的排序。通过多次调用sort()，就能得到一个逻辑一致、完全可预测的最终结果。

为什么“倒序执行”是关键

稳定排序的妙处在于：后一次排序绝不会破坏前一次排序已经确立的次序关系。设想一下：如果先按最重要的字段（比如部门）排序，再按次要字段（比如入职年份）排序，那么第二次排序很可能打乱同一个部门内原本已经排好的顺序，这显然不是我们想要的。

反过来操作才是正确路径：先按最次要的字段（比如姓名）排好，再按更重要的字段（比如入职年份）重排。这时，稳定性会保证所有入职年份相同的元素，保持它们在姓名排序中已经确立的先后关系。这正是多级排序的精髓——在更高优先级的分组内，维持低优先级已经排好的顺序。

实现多级排序的正确步骤

具体操作时，可以遵循以下清晰路径：

• 第一步，从最不重要的排序字段开始。例如，先按city（城市）升序排列。
• 第二步，按次重要的字段排序。例如，再按age（年龄）升序排列。
• 第三步，也是最后一步，按最重要的字段排序。例如，最后按name（姓名）升序排列。
• 每一次的比较函数，都只专注于当前这一级的字段，简单明了地返回 -1、0 或 1。

实际代码示例

假设有一个用户数组，需要按照「部门升序 → 入职年份降序 → 姓名升序」的优先级进行排序。正确做法如下：

const users = [
  { name: '张三', dept: '技术', year: 2022 },
  { name: '李四', dept: '市场', year: 2021 },
  { name: '王五', dept: '技术', year: 2021 }
];

//  正确：从低优先级到高优先级依次 sort
users.sort((a, b) => a.name.localeCompare(b.name));        // 第三优先级：姓名升序
users.sort((a, b) => b.year - a.year);                      // 第二优先级：入职年份降序
users.sort((a, b) => a.dept.localeCompare(b.dept));         // 第一优先级：部门升序

// 结果：同部门内按入职年份降序，年份相同时按姓名升序

注意事项与常见误区

误区一：试图在一个 compare 函数里“一步到位”。确实可以写一个复杂的比较函数，用多条件判断一次性完成多级排序，但这通常导致逻辑容易出错、代码难以复用，更重要的是，它完全掩盖了稳定性排序带来的组合优势。拆解成多次稳定的排序，代码更清晰、更易维护，调试也方便得多。

注意数据边界情况。对于可能存在null、undefined或类型不一致的字段，比较前最好做统一处理，比如转换成字符串或提供一个默认值。否则，类似undefined - 1的操作会产生NaN，导致排序行为异常。

关于性能的顾虑可以放下。现代 JavaScript 引擎（如 V8）对多次sort()调用已有优化。在稳定性得到保证的前提下，执行三次排序的开销，远低于手动编写和维护一个复杂多级比较函数所带来的心智负担和潜在错误成本。清晰可读的代码，其价值往往超过微乎其微的性能差异。