js中精度丢失问题

在js中0.1+0.2！==0.3,一直知道这个问题是js中精度丢失的问题造成的，但是不知道是怎么丢失的，这个的运算过程又是怎样的，下面就来具体看下这个计算过程是怎样造成精度丢失的。

第一次精度丢失

首先了解在js中保存数字都是按照IEEE754标准来表示数字的，IEEE754是一种国际标准，用于二进制浮点数的表示，取舍的规则。所以将0.1和0.2转化成二进制这里就造成了一次精度丢失。
先看一下0.1和0.2转成为二进制是什么样的。小数转二进制是采用"乘2取整"的方式进行转换的，

1. 0.1转化为二进制为0.000110011001100（无限循环）
2. 0.2转化为二进制为0.00110011001100（无限循环）

因为转成二进制后是无限循环小数，计算机在存储的时候会存储为一个近似值，所以在转二进制这个过程中就造成了精度丢失。

第二次精度丢失

转化为二进制的数字相加；
转成二进制相加的过程，在IEEE754的标准中，浮点数要采用科学计数法计数，0.1的二进制采用科学计数法表示为1.10011001100…×2^{(-4)，0.2的二进制采用科学计数法表示为1.10011001100…×2}(-3),为了进行二进制加法，需要将两个数的指数部分对齐。为了使二者小数点对齐，所以0.1需要小数点需要向后移动一位，在这个过程中也会造成一次精度丢失，两者相加的值为0.0100110011…，同样是一个无限循环小数。然后再将这个二进制小数转成十进制。

总结

其实在相加的过程中转成二进制，然后在相加，在这个过程中经历了两次精度丢失的问题，最后得到的结果只是一个近似值。

如何解决

1.先扩大相对应倍数，得到结果后在除以对应的倍数，这样就可以得到正确的结果
2.使用toFixed()
代码如下
注意使用toFixed是可以得到0.3的，但是运行结果还是false的原因是得到的结果是String类型的，而0.3是Number的，所以===为false。

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

console.log((0.1 * 10 + 0.2 * 10) / 10 === 0.3); //true

console.log((0.1 + 0.2).toFixed(1) === 0.3); //false