前言
在最近的一次项目中遇到了一个小问题,就是进行提现操作时,明明提现金额小于可用总余额,却依旧提示输入的提取金额不合法(超出总余额)。
追根溯源
经过排查,确认代码逻辑没有问题,问题出在比较的步骤。在做大小比较时,只记得基本类型比较时,== 不全等比较时,类型不一样会自动进行类型的隐式转换,然后只比较值是否一致。=== 全等类型比较时,会比较类型和值。而忽略了字符串同类型的比较是比较编码,而不是值。在排查问题时,很快想到了这个点,依稀记得这个知识点是从 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 时,类型不一致,做隐式转换,再比较值。