使用lodash orderBy多字段排序时如何调整优先级使Score A有值条目优先展示

解决方法 #

你不需要调整展示层，只要修改_.orderBy的排序规则即可，核心是新增「是否存在Score A值」作为最高优先级的排序维度：

_.orderBy(
  scores,
  // 三个排序维度，优先级从高到低
  [
    item => item.score_a != null, // 第一维度：判断score_a是否为非空值
    'score_a', // 第二维度：score_a的数值
    'score_b' // 第三维度：score_b的数值
  ],
  // 对应三个维度的排序方向
  ['desc', 'desc', 'asc']
);

注：如果你的业务场景中Score A的值为0、空字符串时也视为无值，可将第一个排序维度的逻辑改为item => !!item.score_a。

原理解释 #

你之前的排序结果不符合预期，是因为Lodash处理undefined/null类的空值排序时，默认会把空值排在数字前面，导致没有Score A值的条目反而优先展示。
新增的第一排序维度会给有Score A值的条目返回true（对应排序权重1），没有的返回false（对应排序权重0），配合desc方向就可以把所有有Score A值的条目排在最前面：

• 有Score A值的条目组内部，按Score A降序排列，得到C(8) > A(3) > D(1)的顺序
• 无Score A值的条目组内部，按Score B升序排列，得到E(2) > B(7)的顺序
  最终输出结果和你预期的完全一致。

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