解决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 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
一次失败的jQuery优化尝试小结
Feb 06 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
javascript实现的简单计时器
Jul 19 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
javascript 判断一个对象为数组的方法
May 03 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
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
php基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
一个数据采集类
2007/02/14 PHP
php阳历转农历优化版
2016/08/08 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
Jquery给基本控件的取值、赋值示例
2014/05/23 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
使用Angular CLI生成 Angular 5项目教程详解
2018/03/18 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
python实现调用其他python脚本的方法
2014/10/05 Python
介绍Python中的一些高级编程技巧
2015/04/02 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
Rakuten Kobo台湾:电子书、eReaders和Reading应用程式
2017/11/24 全球购物
思想政治自我鉴定
2013/10/06 职场文书
商业活动邀请函
2014/02/04 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
培训简讯范文
2015/07/20 职场文书
实习感想范文
2015/08/10 职场文书
青年教师听课心得体会
2016/01/15 职场文书
Python图像处理之图像拼接
2021/04/28 Python
Pandas数据类型之category的用法
2021/06/28 Python
MongoDB使用场景总结
2022/02/24 MongoDB
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA