记一次 bug: '90' > '100' ??

前言

在最近的一次项目中遇到了一个小问题，就是进行提现操作时，明明提现金额小于可用总余额，却依旧提示输入的提取金额不合法（超出总余额）。

追根溯源

经过排查，确认代码逻辑没有问题，问题出在比较的步骤。在做大小比较时，只记得基本类型比较时，== 不全等比较时，类型不一样会自动进行类型的隐式转换，然后只比较值是否一致。=== 全等类型比较时，会比较类型和值。而忽略了字符串同类型的比较是比较编码，而不是值。在排查问题时，很快想到了这个点，依稀记得这个知识点是从 arr.sort() 数组的排序方法得来的。

实例验证

// 经查询资料，确认字符串比较是比较 Unicode 编码
console.log('90'>'100')// true
console.log('90'>100)// false
// charCodeAt 获取指定位置的字符串的 Unicode 编码，默认取索引为 0 的第一位
console.log('90'.charCodeAt())// Unicode 编码: 9 = 57
console.log('100'.charCodeAt())// Unicode 编码: 1 = 49
// fromCharCode 将 Unicode 编码转回字符串
console.log(String.fromCharCode(57))// 9
console.log(String.fromCharCode(49))// 1

总结

JS 基本类型的比较

• === 比较值和类型，值和类型有一项不一致就是 false。
• == 只比较值，类型不同时会做隐式的类型转换。

字符串数字比较

• 同为字符串数字时，会比较 unicode 编码大小，不会按值比较。切记。
• 一个字符串数字，一个 number 时，类型不一致，做隐式转换，再比较值。