解决JavaScript中0.1+0.2不等于0.3问题


Posted in Javascript onOctober 23, 2018
console.log(0.1+0.2===0.3)// true or false??

在正常的数学逻辑思维中,0.1+0.2=0.3这个逻辑是正确的,但是在JavaScript中0.1+0.2!==0.3,这是为什么呢?这个问题也会偶尔被用来当做面试题来考查面试者对JavaScript的数值的理解程度。

在JavaScript中的二进制的浮点数0.1和0.2并不是十分精确,在他们相加的结果并非正好等于0.3,而是一个比较接近的数字 0.30000000000000004 ,所以条件判断结果为false。

那么应该怎样来解决0.1+0.2等于0.3呢? 最好的方法是设置一个误差范围值,通常称为”机器精度“,而对于Javascript来说,这个值通常是2^-52,而在ES6中,已经为我们提供了这样一个

属性:Number.EPSILON,而这个值正等于2^-52。这个值非常非常小,在底层计算机已经帮我们运算好,并且无限接近0,但不等于0,。这个时候我们只要判断(0.1+0.2)-0.3小于

Number.EPSILON,在这个误差的范围内就可以判定0.1+0.2===0.3为true。

function numbersequal(a,b){ return Math.abs(a-b)<Number.EPSILON;
  } 
  var a=0.1+0.2, b=0.3;
  console.log(numbersequal(a,b)); //true

但是这里要考虑兼容性的问题了,在chrome中支持这个属性,但是IE并不支持(笔者的版本是IE10不兼容),所以我们还要解决IE的不兼容问题。

Number.EPSILON=(function(){   //解决兼容性问题
        return Number.EPSILON?Number.EPSILON:Math.pow(2,-52);
      })();
//上面是一个自调用函数,当JS文件刚加载到内存中,就会去判断并返回一个结果,相比if(!Number.EPSILON){
  //   Number.EPSILON=Math.pow(2,-52);
  //}这种代码更节约性能,也更美观。
function numbersequal(a,b){ 
    return Math.abs(a-b)<Number.EPSILON;
  }
//接下来再判断   
    var a=0.1+0.2, b=0.3;
  console.log(numbersequal(a,b)); //这里就为true了

 

这个是二进制浮点数最大的问题(不仅JavaScript,所有遵循IEEE 754规范的语言都是如此)。

注意:有人认为,JavaScript应该采用一种可以精确呈现数字的实现方式。一直以来出现过很多替代方案,只是都没能成为标准,以后大概也不会。这个问题看似简单,实则不然,否则早就解决了。 

问题是,如果一些数字无法做到完全精确,是否意味着数字类型毫无用处呢?答案当然是否定的。

    在处理带有小数的数字时需要特别注意。很多(也许是绝大多数)程序只需要处理整数,最大不超过百万或者万亿,此时使用JavaScript 的数字类型是绝对安全的。

总结

以上所述是小编给大家介绍的解决JavaScript中0.1+0.2不等于0.3问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript编程起步(第六课)
Feb 27 Javascript
js中top的作用深入剖析
Mar 04 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
Area 区域实现post提交数据的js写法
Apr 22 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
浅析在javascript中创建对象的各种模式
May 06 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
JS可断点续传文件上传实现代码解析
Jul 30 Javascript
微信小程序canvas动态时钟
Oct 22 Javascript
React 路由懒加载的几种实现方案
Oct 23 #Javascript
react 兄弟组件如何调用对方的方法示例
Oct 23 #Javascript
详解React 的几种条件渲染以及选择
Oct 23 #Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 #Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 #Javascript
深入理解JavaScript 中的执行上下文和执行栈
Oct 23 #Javascript
浅谈JavaScript 代码整洁之道
Oct 23 #Javascript
You might like
图解上海144收音机
2021/03/02 无线电
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
JS 对象介绍
2010/01/20 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
使用jquery解析XML示例代码
2014/09/05 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
javascript的函数作用域
2014/11/12 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python导入txt数据到mysql的方法
2015/04/08 Python
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
Python下载网络文本数据到本地内存的四种实现方法示例
2018/02/05 Python
对python中Json与object转化的方法详解
2018/12/31 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
实习自我鉴定
2013/12/15 职场文书
大三学生入党思想汇报
2014/01/02 职场文书
房地产开发计划书
2014/01/10 职场文书
班级德育工作实施方案
2014/02/21 职场文书
美术毕业生求职信
2014/02/25 职场文书
物资采购方案
2014/06/12 职场文书
党的生日演讲稿
2014/09/10 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
事业单位年度考核评语
2014/12/31 职场文书
钢铁是怎样炼成的读书笔记
2015/06/29 职场文书
Spring Boot 实现 WebSocket
2022/04/30 Java/Android