如何按自定义顺序对嵌套对象数组进行升序排序（7204 固定置后）

花韻仙語 2026-01-19 00:00:00 次阅读

本文介绍如何在 javascript 中对嵌套数组中的对象按 `tariffid` 字段实现**条件化升序排序**：除固定值 `7204` 始终排在末尾外，其余 `tariffid`（如 7201、7202、7203、7205）按数值升序排列。

在实际业务中（如资费配置、地区优先级管理），我们常需打破纯数值排序逻辑，为特定 ID 设置强制位置。本例要求：others 数组内对象依据 tariffId 排序，但 7204 必须始终位于最后，其余项（7201, 7202, 7203, 7205）按自然升序排列。

关键在于自定义比较函数——它不能直接使用 a.tariffId - b.tariffId，而需显式处理 7204 的特殊地位。核心策略是：

若 a.tariffId === 7204，返回 1 → 将 a 排到右侧（靠后）；
若 b.tariffId === 7204，返回 -1 → 将 b 排到右侧（靠后）；
其余情况按常规数值差排序。

注意：Array.prototype.sort() 是原地排序，会直接修改原数组。若需保留原始数据，应先深拷贝 others 数组。

以下是完整可运行示例：

const arrobj = [
  { id: 1, others: [{ place: "IN", tariffId: 7201 }, { place: "IN", tariffId: 7204 }, { place: "IN", tariffId: 7203 }] },
  { id: 1, others: [{ place: "IN", tariffId: 7201 }, { place: "IN", tariffId: 7204 }, { place: "IN", tariffId: 7205 }] },
  { id: 1, others: [{ place: "IN", tariffId: 7202 }, { place: "IN", tariffId: 7204 }, { place: "IN", tariffId: 7201 }] }
];

// ✅ 正确做法：对每个对象的 others 数组执行条件排序
arrobj.forEach(obj => {
  obj.others.sort((a, b) => {
    if (a.tariffId === 7204) return 1;
    if (b.tariffId === 7204) return -1;
    return a.tariffId - b.tariffId;
  });
});

console.log(arrobj);
// 输出符合预期：
// [
//   { id:1, others:[{place:"IN",tariffId:7201},{place:"IN",tariffId:7203},{place:"IN",tariffId:7204}] },
//   { id:1, others:[{place:"IN",tariffId:7201},{place:"IN",tariffId:7205},{place:"IN",tariffId:7204}] },
//   { id:1, others:[{place:"IN",tariffId:7201},{place:"IN",tariffId:7202},{place:"IN",tariffId:7204}] }
// ]

? 进阶提示：若未来排序规则更复杂（如多值置后、分组优先级），建议抽象为可配置函数：

const customOrder = [7201, 7202, 7203, 7205, 7204]; // 显式声明顺序
arrobj.forEach(obj => {
  obj.others.sort((a, b) => 
    customOrder.indexOf(a.tariffId) - customOrder.indexOf(b.tariffId)
  );
});

⚠️ 注意事项：