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

一. 问题背景

在项目中遇到一个问题：有两个值进行比较，一个值是我想提现的金额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。

四. 拓展

1. 数字与数字之间比较

比较方式：依据数学运算。

console.log(2>10) //false

2. 数字与字符串数字之间比较

比较方式：js会优先将 ‘字符串数字’ 隐式转成纯数字，然后就是数字与数字之间的比较。

console.log('2' > 10) //false

3. 字符串数字与字符串数字之间比较

比较方式：ASCII码进行比较，依次取每个字符，字符转为ASCII码进行比较。

console.log('2' > '10') //true

4. 纯字符串之间比较

比较方式：依次取字符，字符转为ASCII码，ASCII码先大的即为大。

console.log('是' > '是的') //false

5. 纯数字和非纯数字字符串之间比较

比较方式：非纯数字字符串会被转成 NaN，所以不管怎么比较都会返回 false。

console.log(123 < 'sss') //false

另外一个例子，为什么用 ‘+’ ‘-’ 的时候不需要转换成数值也可以呢？

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

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