解决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 相关文章推荐
DOM下的节点属性和操作小结
May 14 Javascript
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 Javascript
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
jquery选择器使用详解
Apr 08 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
JS实现从对象获取对象中单个键值的方法示例
Jun 05 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
桌面中心(一)创建数据库
2006/10/09 PHP
php操作xml
2013/10/27 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
最佳JS代码编写的14条技巧
2011/01/09 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
JS抛物线动画实例制作
2018/02/24 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
[02:12]2015国际邀请赛 SHOWOPEN
2015/08/05 DOTA
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
python实现杨辉三角思路
2017/07/14 Python
关于Django外键赋值问题详解
2017/08/13 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
IE10 Error.stack 让脚本调试更加方便快捷
2013/04/22 HTML / CSS
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
护士求职推荐信范文
2013/11/23 职场文书
户外活动总结范文
2014/04/30 职场文书
李开复演讲稿
2014/05/24 职场文书
树转促学习心得体会
2014/09/10 职场文书
典型事迹材料范文
2014/12/29 职场文书
大学生实习推荐信
2015/03/27 职场文书
企业爱心捐款倡议书
2015/04/27 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL