正确的比较浮点数的方法

10 min read

非整数的Number类型无法用 ==（===也不行） 来比较，一段著名的代码，为什么在JavaScript中，0.1+0.2不能=0.3：

console.log( 0.1 + 0.2 == 0.3);

这里输出的结果是false，说明两边不相等的，这是浮点运算的特点，也是很多同学疑惑的来源，浮点数运算的精度问题导致等式左右的结果并不是严格相等，而是相差了个微小的值。

所以实际上，这里错误的不是结论，而是比较的方法，正确的比较方法是使用JavaScript提供的最小精度值：

console.log( Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON);

检查等式左右两边差的绝对值是否小于最小精度，才是正确的比较浮点数的方法。这段代码结果就是 true 了。

精度丢失的原因

JavaScript 内部只有一种数字类型Number，也就是说，JavaScript 语言的底层根本没有整数，所有数字都是以IEEE-754标准格式64位浮点数形式储存，1与1.0是相同的。因为有些小数以二进制表示位数是无穷的。JavaScript会把超出53位之后的二进制舍弃，所以涉及小数的比较和运算要特别小心。

浮点数的存储

JS的浮点数实现也是遵循IEEE 754标准，采用双精度存储（double precision），使用64位固定长度来表示，其中1位用来表示符号位，11位用来表示指数，52位表示尾数。如下图：

0b5c11394d4d45d8ad160e207758025a.png

  • 符号位(sign)：第1位是正负数符号位，0代表正数，1代表负数

  • 指数位(Exponent)：中间11位存储指数，用来表示次方数

  • 尾数位(mantissa)：最后的52位是尾数，超出部分自动进一舍零

解决办法

引用库

  • Math.js

  • decimal.js

  • big.js