Javascript浮点数陷阱
来自三线的随记
调试JavaScript代码的时候涉及了浮点数运算
出现了很奇怪的结果
> 5.1+2.55
> 7.6499999999999995
????????
祭出搜索引擎,获得文章
JavaScript 浮点数陷阱及解法 https://github.com/camsong/blog/issues/9
里面提到了两个解决方案
数据展示类
当你拿到 1.4000000000000001
这样的数据要展示时,建议使用 toPrecision
凑整并 parseFloat
转成数字后再显示,如下:
parseFloat(1.4000000000000001.toPrecision(12)) === 1.4 // True
封装成方法就是:
function strip(num, precision = 12) { return +parseFloat(num.toPrecision(precision)); }
为什么选择 12
做为默认精度?这是一个经验的选择,一般选12就能解决掉大部分0001和0009问题,而且大部分情况下也够用了,如果你需要更精确可以调高。
数据运算类
对于运算类操作,如 +-*/
,就不能使用 toPrecision
了。正确的做法是把小数转成整数后再运算。以加法为例: