为什么JavaScript判断数组元素8>50返回true？有什么更优的数字比较方案

你遇到的问题本质是数组中存储的元素是字符串类型，而非数字类型，JavaScript 中不同类型的比较逻辑和纯数字比较完全不同：

• 当使用>比较两个字符串时，会按照字符的 Unicode 编码值逐位比对，不是按数值大小计算：
  • 比对'8' > '50'时，首先对比第一位字符：'8'的Unicode编码值为56，'5'的Unicode编码值为53，56>53，直接返回true，不会继续比对第二位的'0'。
  • 你观察到'22' > '10'符合预期只是巧合：第一位'2'的编码值50大于'1'的编码值49，刚好和数值比较结果一致，不代表是按数值规则判断的。

你当前用parseInt强制转换的方式可以解决问题，但有更简洁、更彻底的方案：

• 方案1：从根源统一转换数组元素类型
  如果你能控制数组的初始化/赋值逻辑，直接在拿到数组时就把所有元素转为数字类型，后续所有比较、运算都不需要额外做类型转换：

  // 示例：假设原始数组是从表单、接口、字符串分割拿到的字符串数组
  const arr = originalArr.map(item => Number(item))
  // 后续直接按数字比较即可
  console.log(arr[j] > arr[j + 1])
  

• 方案2：简洁的单次比较写法
  如果不能修改原数组，不需要写两次parseInt，用一元加运算符隐式转换更简洁：

  console.log(+arr[j] > +arr[j + 1])
  

• 方案3：排序场景直接用内置方法
  你是在实现冒泡排序，实际生产中不需要手动写冒泡排序，直接调用数组内置的sort方法性能更高，代码更简洁：

  // 数字升序排序，自动处理类型转换
  arr.sort((a, b) => Number(a) - Number(b))
  

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