解决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读取cookie函数代码
Oct 16 Javascript
Jquery带搜索框的下拉菜单
May 06 Javascript
编程语言JavaScript简介
Oct 16 Javascript
JavaScript中的包装对象介绍
Jan 27 Javascript
JS实现可关闭的对联广告效果代码
Sep 14 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
Nov 04 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
jQuery实现对无序列表的排序功能(附demo源码下载)
Jun 25 Javascript
解决iview打包时UglifyJs报错的问题
Mar 07 Javascript
jQuery替换节点元素的操作方法
Mar 18 jQuery
微信小程序中使用ECharts 异步加载数据的方法
Jun 27 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 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
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
2013/03/01 Javascript
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
jQuery 选择同时包含两个class的元素的实现方法
2016/06/01 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
面试常见的js算法题
2017/03/23 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
2020/05/28 Javascript
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
Python线程中对join方法的运用的教程
2015/04/09 Python
Python制作豆瓣图片的爬虫
2017/12/28 Python
Python实战之制作天气查询软件
2019/05/14 Python
django数据库自动重连的方法实例
2019/07/21 Python
python用什么编辑器进行项目开发
2020/06/17 Python
pytorch 计算ConvTranspose1d输出特征大小方式
2020/06/23 Python
html5使用canvas绘制一张图片
2014/12/15 HTML / CSS
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
优秀班集体获奖感言
2014/02/03 职场文书
弘扬雷锋精神活动演讲稿
2014/03/04 职场文书
数控机床专业自荐信
2014/05/19 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
小学中等生评语
2014/12/29 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
标准发言稿结尾
2019/07/18 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
解析MySQL索引的作用
2022/03/03 MySQL