如何将包含空数组属性的对象数组按非空优先排序-js教程-PHP中文网

本文介绍如何在 JavaScript 中对对象数组进行自定义排序，使 num1 或 num2 至少有一个非空的元素排在前面，全为空数组的对象排在末尾，并提供健壮、可复用的排序逻辑。

本文介绍如何在 javascript 中对对象数组进行自定义排序，使 `num1` 或 `num2` 至少有一个非空的元素排在前面，全为空数组的对象排在末尾，并提供健壮、可复用的排序逻辑。

在实际开发中，我们常需根据对象中某个（或多个）数组属性的“非空程度”对数组进行排序。例如，给定一个 risks 对象数组，要求将 num1 或 num2 至少含一项的元素置前，而 num1 和 num2 均为空数组（[]）的对象统一排至末尾。这本质上是一个按条件分组 + 组内稳定排序的问题，不能依赖默认字典序，而需通过 Array.prototype.sort() 的比较函数精准控制顺序。

核心思路是：为每个对象计算一个“权重值”，该值反映其 num1 与 num2 的“充实度”。最简洁有效的方式是求二者长度之和：

若 num1.length + num2.length > 0 → 属于“非空组”，应靠前；
若 num1.length + num2.length === 0 → 属于“空组”，应靠后。

于是可写出标准的升序/降序比较逻辑。以下为推荐实现（降序排列，使非空对象优先）：

data.risks.sort((a, b) => {
  const scoreA = (a.num1?.length || 0) + (a.num2?.length || 0);
  const scoreB = (b.num1?.length || 0) + (b.num2?.length || 0);
  return scoreB - scoreA; // 降序：高分（非空）在前
});

✅ 关键优化说明：

使用可选链 ?. 和空值合并 || 0，确保即使 num1 或 num2 为 null 或 undefined 也不会报错（原答案假设数组恒存在，但生产环境需防御性编程）；
scoreB - scoreA 返回整数（>0、
逻辑清晰、无副作用，支持稳定排序（相同得分的对象相对位置不变）。

⚠️ 注意事项：

避免使用布尔值相减（如 !!a.num1.length - !!b.num1.length），它仅能处理单字段且无法兼顾“num1 空但 num2 非空”的复合场景；
切勿在比较函数中返回 true/false 或字符串——sort() 仅识别数值返回值；
若需严格区分“仅 num1 非空”、“仅 num2 非空”、“两者均非空”，可扩展评分逻辑（如加权：num1.length * 10 + num2.length）。

最终，该方案以最小认知成本达成目标：语义明确、健壮性强、易于维护，适用于任何含数组属性的对象排序场景。