JavaScript对象数组多条件排序：优先Pending状态再按名称排序

需求明确：把对象数组里status为Pending的项放在最前面，剩下的项跟在后面；而且不管是Pending组还是非Pending组，都得按name字段的字母顺序排序。

你的现有实现逻辑没问题，能达到效果，但可以优化成单次排序的方式，减少不必要的遍历和排序步骤，数据量大的时候效率提升更明显。

优化后的实现代码 #

sort(data) {
  // 先复制原数组避免修改原数据，不需要的话可以直接用data.sort(...)
  return [...data].sort((a, b) => {
    // 判断当前项是否为Pending
    const isAPending = a.status === 'Pending';
    const isBPending = b.status === 'Pending';

    // 优先级：Pending项排在非Pending项前面
    if (isAPending && !isBPending) return -1;
    if (!isAPending && isBPending) return 1;

    // 同状态下，按name字段的字母顺序排序
    return a.name.localeCompare(b.name);
  });
}

优化点说明 #

• 只做一次排序操作，不用拆分数组再拼接，比原方案少一次遍历和一次排序，性能更优
• 用[...data]创建原数组副本，避免直接修改输入的原数组（如果业务允许修改原数组，也可以去掉扩展运算符直接排序）
• 把状态优先级判断和名称排序整合在同一个回调里，逻辑紧凑简洁

补充：大小写不敏感的状态判断 #

如果需要兼容pending、PENDING这类大小写不同的情况，把状态判断改成：

const isAPending = a.status?.toLowerCase() === 'pending';
const isBPending = b.status?.toLowerCase() === 'pending';

原方案的特点 #

原方案的好处是逻辑直白，新手也容易看懂；但数据量较大时，拆分数组+两次排序的开销会比单次排序高，优化后的方案在保持可读性的同时，性能更出色。

内容的提问来源于stack exchange，提问作者Koji D'infinte