解决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 相关文章推荐
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
漫谈JS引擎的运行机制 你应该知道什么
Jun 15 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python下Fabric的简单部署方法
2015/07/14 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
Python匿名函数及应用示例
2019/04/09 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python实现代码统计程序
2019/09/19 Python
Python更新所有已安装包的操作
2020/02/13 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
求职者应聘的自我评价
2013/10/16 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
政协会议宣传标语
2014/10/09 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
公司员工管理制度
2015/08/04 职场文书
Python基础教程,Python入门教程(超详细)
2021/06/24 Python
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android