如何用JavaScript排序对象数组：优先Inactiv项且其余项按字母排序

JavaScript 的 Array.sort() 方法接受一个比较函数作为参数，这个函数会接收两个待比较的元素（通常命名为 a 和 b），返回值直接决定两者的排序位置：

• 返回负数：a 排在 b 前面
• 返回 0：两者位置保持不变
• 返回正数：b 排在 a 前面

针对你的需求，我们可以分优先级处理排序逻辑：

1. 优先将 status 为 'Inactiv' 的元素放在最前列
2. 剩余元素按照 status 的字母顺序排序

完整实现代码 #

var objs = [ 
    { status: 'Inactiv', name: 'Name_1' },
    { status: 'Extern',  name: 'Name_2' },
    { status: 'Inactiv', name: 'Name_3' },
    { status: 'Administrator', name: 'Name_3' },
    { status: 'All', name: 'Name_4' },
    { status: 'Up', name: 'Name_5' },
    { status: 'Inactiv', name: 'Name_6' },
];

// 执行排序
objs.sort((a, b) => {
    // 情况1：a是Inactiv，b不是 → a排前面
    if (a.status === 'Inactiv' && b.status !== 'Inactiv') {
        return -1;
    }
    // 情况2：b是Inactiv，a不是 → b排前面
    if (b.status === 'Inactiv' && a.status !== 'Inactiv') {
        return 1;
    }
    // 情况3：两者都是/都不是Inactiv → 按status字母顺序排序
    return a.status.localeCompare(b.status);
});

console.log(objs);

排序后输出结果 #

[
  { status: 'Inactiv', name: 'Name_1' },
  { status: 'Inactiv', name: 'Name_3' },
  { status: 'Inactiv', name: 'Name_6' },
  { status: 'Administrator', name: 'Name_3' },
  { status: 'All', name: 'Name_4' },
  { status: 'Extern', name: 'Name_2' },
  { status: 'Up', name: 'Name_5' }
]

关键细节说明 #

• 使用 localeCompare() 而非直接字符串对比，是因为它能正确处理多语言字母排序规则，还可通过参数配置大小写敏感/不敏感排序
• 比较函数逻辑分层清晰，先处理最高优先级的分组规则，再处理剩余元素的常规排序

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