数组排序需求：先按Overhead升序，再按Amount升序

需要对数组进行排序，规则是先按Overhead字段升序，再按Amount字段升序。目前文本类型的Overhead排序正常，但排序Amount时出现异常结果：1,11,15,2,22...，正确结果应该是1,2,3,11,15...。尝试使用数值排序函数但未适配成功，现有代码如下：

sortedArray = [...amendedArray].sort((a,b)=>(a.Overhead.toLowerCase() > b.Overhead.toLowerCase()) ? 1 : ((b.Overhead.toLowerCase() > a.Overhead.toLowerCase()) ? -1 : 0));

sortedArray = [...amendedArray].sort(function(a, b){ return a.Amount - b.Amount });

问题根源 #

异常排序的核心原因是Amount字段为字符串类型，直接执行a.Amount - b.Amount时，若字段未被正确转换为数值，JS会按字符串字典序排序，导致"11"排在"2"前面的错误结果。

正确的多条件排序实现 #

要同时满足两个排序规则，需将Overhead的文本排序与Amount的数值排序结合，同时确保Amount被显式转为数值：

sortedArray = [...amendedArray].sort((a, b) => {
  // 优先比较Overhead（不区分大小写的文本升序）
  const overheadDiff = a.Overhead.toLowerCase().localeCompare(b.Overhead.toLowerCase());
  if (overheadDiff !== 0) {
    return overheadDiff;
  }
  // Overhead相同时，按Amount数值升序排序
  const numA = Number(a.Amount);
  const numB = Number(b.Amount);
  return numA - numB;
});

关键细节说明 #

• 用localeCompare替代手动三元判断，代码更简洁，且符合字符串排序的标准逻辑，兼容多语言场景。
• 必须显式通过Number()将Amount转为数值，彻底避免字符串排序问题。如果Amount字段可能包含非数字内容，可添加isNaN校验处理异常值，比如：

  const numA = isNaN(Number(a.Amount)) ? 0 : Number(a.Amount);
  const numB = isNaN(Number(b.Amount)) ? 0 : Number(b.Amount);
  

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