脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS中0.1 + 0.2 != 0.3

为什么JavaScript中0.1 + 0.2 != 0.3

 更新时间：2020年12月03日 14:18:10   作者：LuckXinXin  
这篇文章主要给大家介绍了关于为什么JavaScript中0.1 + 0.2 != 0.3的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

涉及面试题：为什么 0.1 + 0.2 != 0.3？如何解决这个问题？

原因，因为 JS 采用 IEEE 754双精度版本（64位），并且只要采用 IEEE 754的语言都有该问题

我们都知道计算机是通过二进制来存储东西的，那么 0.1 在二进制中会表示为

// (0011) 表示循环
0.1 = 2^-4 * 1.10011(0011)

我们可以发现，0.1 在二进制中是无限循环的一些数字，其实不只是 0.1，其实很多十进制小数用二进制表示都是无限循环的。这样其实没什么问题，但是 JS采用的浮点数标准却会裁剪掉我们的数字。

IEEE 754 双精度版本（64位）将 64 位分为了三段

  • 第一位用来表示符号
  • 接下去的 11 位用来表示指数
  • 其他的位数用来表示有效位，也就是用二进制表示 0.1 中的 10011(0011)

那么这些循环的数字被裁剪了，就会出现精度丢失的问题，也就造成了 0.1 不再是 0.1 了，而是变成了 0.100000000000000002

0.100000000000000002 === 0.1 // true

那么同样的，0.2 在二进制也是无限循环的，被裁剪后也失去了精度变成了 0.200000000000000002

0.200000000000000002 === 0.2 // true

所以这两者相加不等于 0.3 而是 0.300000000000000004

0.1 + 0.2 === 0.30000000000000004 // true

那么可能你又会有一个疑问，既然 0.1 不是 0.1，那为什么 console.log(0.1) 却是正确的呢？

因为在输入内容的时候，二进制被转换为了十进制，十进制又被转换为了字符串，在这个转换的过程中发生了取近似值的过程，所以打印出来的其实是一个近似值，你也可以通过以下代码来验证

console.log(0.100000000000000002) // 0.1

解决

parseFloat((0.1 + 0.2).toFixed(10)) === 0.3 // true

到此这篇关于为什么JavaScript中0.1 + 0.2 != 0.3的文章就介绍到这了,更多相关JS中0.1 + 0.2 != 0.3内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 在JavaScript中查找字符串中最长单词的三种方法(推荐)

    在JavaScript中查找字符串中最长单词的三种方法(推荐)

    这篇文章主要介绍了在JavaScript中查找字符串中最长单词的三种方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-01-01
  • 前端技巧之ESLint忽略检查行和文件总结

    前端技巧之ESLint忽略检查行和文件总结

    ESLint是一个流行的JavaScript代码检查工具,它可以帮助团队确保代码质量,避免常见的错误和格式问题,这篇文章主要给大家介绍了关于前端技巧之ESLint忽略检查行和文件的相关资料,需要的朋友可以参考下
    2023-11-11
  • 客户端js判断文件类型和文件大小即限制上传大小

    客户端js判断文件类型和文件大小即限制上传大小

    需要脚本在客户端判断大小和文件类型，由于网上没有适合的，就自己写了一个并测试 文件上传大小限制的一个例子，在此与大家分享下
    2013-11-11
  • js模式化窗口问题![window.dialogArguments]

    js模式化窗口问题![window.dialogArguments]

    这篇文章主要介绍了js模式化窗口问题![window.dialogArguments],需要的朋友可以参考下
    2016-10-10
  • js实现简单的手风琴效果

    js实现简单的手风琴效果

    本文主要介绍了js实现简单手风琴效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • 微信小程序实现多列选择器

    微信小程序实现多列选择器

    这篇文章主要为大家详细介绍了微信小程序实现多列选择器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 深入理解Javascript箭头函数中的this

    深入理解Javascript箭头函数中的this

    ES6标准新增了一种新的函数：Arrow Function（箭头函数）。那么下面这篇文章主要给大家介绍了箭头函数中this的相关资料，有需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-02-02
  • JavaScript检测字符串中是否含有html标签实现方法

    JavaScript检测字符串中是否含有html标签实现方法

    这篇文章主要介绍了JavaScript检测字符串中是否含有html标签实现方法,本文直接给出实现代码,需要的朋友可以参考下
    2015-07-07
  • JavaScript中展开运算符及应用的实例代码

    JavaScript中展开运算符及应用的实例代码

    这篇文章主要介绍了JavaScript中展开运算符及应用的实例代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-01-01
  • js中函数声明与函数表达式

    js中函数声明与函数表达式

    js的解析器对函数声明与函数表达式并不是一视同仁地对待的。对于函数声明，js解析器会优先读取，确保在所有代码执行之前声明已经被解析，而函数表达式，如同定义其它基本类型的变量一样，只在执行到某一句时也会对其进行解析，
    2015-06-06

最新评论