解决js中的字符串数字比较大小的坑

Posted 2021-07-24 铁锤妹妹@

一. 问题背景

在项目中遇到一个问题：有两个值进行比较，一个值是我想提现的金额88.4，另一个是我的账户余额232.8，比较两个值时，出现了88.4 > 232.8

二. 问题分析

首先打印想提现的金额 88.4 和账户余额 232.8 的值类型是string，也就是字符串和字符串进行比较了，而字符串比较是根据ASCII码，由于8的ASCII码比2的ASCII码大，导致出现了88.4 > 232.8；
先转成数字number再比较。但如果是一个数字和一个字符串数字比较，就没问题。

三. 解决问题

JS里面有两种转换的，parseFloat和parseInt。
整数如下:

if(parseInt(xxx) > parseInt(xxxx)){

}

小数可以这样：

if(parseFloat(xxx) > parseFloat(xxxx)){

}

所以用parseFloat转化浮点数，再打印就是number类型
一般我们进行数字比较的时候，都会转换成number类型来保证准确性。

注意使用parseFloat()时：

1.字符串中只返回第一个数字。
2. 开头和结尾的空格是允许的。
3. 如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

四. 拓展

纯数字和非纯数字字符串比较例子
alert(123<“sss”); //sss返回NaN 不管如何都返回为假
另外一个例子，为什么用+ -的时候不需要转换成数值也可以呢？

数字字符串比较如下：
a= '10000000'
b= '5000000'
//a>b 输出 false 
//a-b>0 输出 true

原因：
a>b是进行了字符串比较，而a-b > 0是先进行了隐式转换，类型变成number数值类型了再进行相减。+ - 会让左右的非数值数据隐式转换成数值再进行处理。