TypeScript中字符串无法直接做减法运算时如何正确排序版本号字符串

问题根源 #

• 最初的JS写法本身存在逻辑缺陷：直接对版本号字符串做减法会触发隐式类型转换，把版本号当做普通小数计算，得出的结果不符合语义化版本排序规则（比如1.25的次版本号25大于1.5的次版本号5，但作为小数1.25 < 1.5，排序结果会出错）。
• TS抛出类型错误是因为类型校验机制禁止字符串直接参与算术运算，目的是避免隐式转换带来的不可预期问题。
• 仅用parseInt转换只能取到版本号第一个.之前的整数，所有同主版本的版本号转换后数值相同，差值为0，无法完成有效排序。

正确实现方案 #

核心逻辑是将版本号按.拆分为独立的数字段，逐位对比大小，完全符合语义化版本的排序规则：

const versions: string[] = ["1.12", "1.1", "1.25", "1.5", "1.3", "1.2"];

const sorted = versions.sort((versionA: string, versionB: string) => {
  // 拆分版本号为数字数组
  const partsA = versionA.split('.').map(Number);
  const partsB = versionB.split('.').map(Number);
  // 取两个版本号的最长段数作为对比上限
  const maxLength = Math.max(partsA.length, partsB.length);
  
  for (let i = 0; i < maxLength; i++) {
    // 缺位补0，处理类似1.1和1.1.0的等值场景
    const numA = partsA[i] ?? 0;
    const numB = partsB[i] ?? 0;
    if (numA !== numB) {
      // 降序排序返回 numB - numA，升序排序返回 numA - numB
      return numB - numA;
    }
  }
  // 所有段数值都相同则版本号相等
  return 0;
})

console.log(sorted);
// 输出：[ '1.25', '1.12', '1.5', '1.3', '1.2', '1.1' ]

特殊场景：复现原JS错误排序效果 #

如果确实需要完全复现最初JS版本的错误排序结果（不推荐用于正式的版本号排序场景），直接将字符串转为Number类型即可解决TS报错：

const versions: string[] = ["1.12", "1.1", "1.25", "1.5", "1.3", "1.2"];

const sorted = versions.sort((version1: string, version2: string) => {
  return Number(version2) - Number(version1);
})

console.log(sorted);
// 输出：[ '1.5', '1.3', '1.25', '1.2', '1.12', '1.1' ]

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