如何基于is_closed与name属性对对象数组实现多条件排序？

多条件排序实现方案 #

排序的核心逻辑是在数组的sort方法回调中，按照规则优先级逐层判断：当高优先级规则能确定两个元素的先后顺序时，直接返回比较结果；仅当高优先级规则判断结果相等时，再执行下一级规则的比较。

针对你的需求，两个排序优先级的具体处理逻辑：

• 第一优先级：分组排序，让is_closed = false的元素排在数组前端。因为布尔值转数值后，false对应0、true对应1，通过两个元素的is_closed值做数值差比较，就能自然让数值更小（即未关闭）的元素排在前面。
• 第二优先级：同一分组内的元素按name字段的字母顺序升序排列。字符串场景下可以直接使用localeCompare方法实现标准字典序比较，比手写三元判断的兼容性和可读性更好。

完整实现代码如下：

this.rawDataListDup.sort((a, b) => {
  // 优先比较关闭状态，未关闭（is_closed=false）的项在前
  const closedStateCompare = Number(a.is_closed) - Number(b.is_closed);
  if (closedStateCompare !== 0) return closedStateCompare;
  // 同组状态一致时，按name字段做字母升序
  return a.name.localeCompare(b.name);
})

执行后得到的数组顺序和你给出的示例效果完全一致：未关闭分组按字母顺序排列alex、jane，已关闭分组按字母顺序排列david、james、john。

对比你原来的单属性排序写法，这里调整了回调的参数顺序为标准的(a, b)，避免因为参数颠倒出现排序方向错误的问题。

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