解决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 apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
node在两个div之间移动,用ztree实现
Mar 06 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 Javascript
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
JS实现图片预览的两种方式
Jun 27 Javascript
微信小程序实现点击返回顶层的方法
Jul 12 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
提高网站信任度的技巧
2008/10/17 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
关于Python的一些学习总结
2018/05/25 Python
python使用turtle绘制分形树
2018/06/22 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
django ORM之values和annotate使用详解
2020/05/19 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
Python生成器generator原理及用法解析
2020/07/20 Python
调解员先进事迹材料
2014/02/07 职场文书
给校长的建议书
2014/03/12 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python