JS数字精度丢失的问题

一、一些典型问题

1. 两个简单的浮点数相加

0.1 + 0.2 != 0.3 // true

2. 大整数运算

9999999999999999 == 10000000000000001 // true

9007199254740992 + 1 == 9007199254740992 // true

3. toFixed不会四舍五入(Chrome)

1.335.toFixed(2) // 1.33

二、解决方案

1. toFixed() 因为toFixed() 进行并转换之后是string类型的,需要在进行强制Number() 转换

代码语言:javascript
复制
Number((0.1+0.2).toFixed(2))

2. 一些类库

math.js

3. 转为整数

  • 对于整数,前端出现问题的几率可能比较低,毕竟很少有业务需要需要用到超大整数,只要运算结果不超过 Math.pow(2, 53) 就不会丢失精度。
  • 对于小数,前端出现问题的几率还是很多的,尤其在一些电商网站涉及到金额等数据。解决方式:把小数放到位整数(乘倍数),再缩小回原来倍数(除倍数)。

// 0.1 + 0.2

(0.1*10 + 0.2*10) / 10 == 0.3 // true