JavaScript的BUG?浮点运算：0.1 + 0.2 != 0.3

2023年10月18日 223次阅读 来源: IT智云编程

浮点运算的问题

在JavaScript中进行纯小数运算偶尔会得到不正确的结果:

> 0.1 + 0.2 == 0.3
false

> 0.1 + 0.2
0.30000000000000004

很多人马上就开始认为JavaScript设计的不成熟,设计上有缺陷。

实际上这并不是JavaScript仅有的问题，C/C++/Java甚至Matlab都有这个问题。

这只是JavaScript遵循IEEE 754标准所产生的必然结果。IEEE 754标准中的浮点数并不能精确地表达小数（比如说0.1），

  • 你需要足够的内存来保留5个数字
  • 你需要使用一个取值范围来确保精度。

在硬件层面，除法是转换成乖法来表示的，比如：　Z　=　X/Y　会变成 Z = X * (1/Y)；

JavaScript中的小数采用的是双精度(64位)表示的，由三部分组成：　符 + 阶码 + 尾数，在十进制中的 1/10，在十进制中可以简单写为 0.1 ，但在二进制中，他得写成：0.0001100110011001100110011001100110011001100110011001…..（后面全是 1001 循环）。因为浮点数只有52位有效数字，从第53位开始，就舍入了。这样就造成了“浮点数精度损失”问题。

所以你在处理小数运算时要非常小心。

怎么解决

就像标准中提到的，我们可以采用一个精确范围来比较是否相等

x = 0.2;
y = 0.3;
equal = (Math.abs(x - y) < 0.000001)

第二种方法是使用JavaScript内置的函数toPrecision或toFixed来保留一定的精度：

(0.1 + 0.2).toPrecision(10) == 0.3
> true

(0.1 + 0.2).toFixed(10) == 0.3
> true

如果你依然在编程的世界里迷茫，不知道自己的未来规划，可以加入web前端学习交流群：731771211 里面可以与大神一起交流并走出迷茫。新手可进群免费领取学习资料，看看前辈们是如何在编程的世界里傲然前行！群里不停更新最新的教程和学习方法（进群送web前端系统学习路线，详细的前端项目实战教学视频），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入

点击：加入

    原文作者：IT智云编程
    原文地址: https://www.jianshu.com/p/2dcfda286fb5
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞