JavaScript按字符串与数值多规则反向排序无效问题咨询

核心原因：字符串不能用减号做比较 #

你用a.id - b.id来排序字符串是错误操作。当两个字符串做减法运算时，JS会尝试把它们转换成数字，而"rev-ar"和"rev-plu"都不是有效数字，转换后得到的是NaN。sort函数里如果返回NaN，会被当作0处理，相当于判定两个元素“相等”，自然不会调整它们的顺序，所以你改了之后排序结果没变化。

正确的字符串排序方法 #

字符串排序得用专门的字符串比较逻辑，JS里常用localeCompare()方法，它会根据字符的字典序返回符合sort要求的结果（负数表示a排在b前面，正数表示b排在a前面，0表示相等）。

如果你希望rev-plu排在rev-ar前面，只需要把id的比较逻辑改成倒序的字符串比较即可，完整代码如下：

var items=  [{
          id: "rev-ar",
          qty: 13,
          effect: [{
           id: "after",
           value: 3}]
        }, {
          id: "rev-plu",
          qty: 2,
          effect: [{
           id: "rev",
           value: 1}]
        }];

var sorted = items.sort((a, b) => {
       // 先按id倒序排序，让rev-plu排在前面
       const idSort = b.id.localeCompare(a.id);
       if(idSort !== 0) {
        return idSort;
       }
       // id相同时，再按effect.value升序排序
       return a.effect[0].value - b.effect[0].value;
            }).filter(m => m.id.match('rev-'));
        
console.log(sorted);

补充说明 #

如果是要按id的正序字典序排序（rev-ar在前，rev-plu在后），就用a.id.localeCompare(b.id)；如果要倒序，就用b.id.localeCompare(a.id)。而数字类型的比较（比如effect.value）用减号是没问题的，因为数字相减能得到正确的正负值。

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