解决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 相关文章推荐
Firefox div高度自适应
Apr 28 Javascript
js DOM模型操作
Dec 28 Javascript
基于jQuery制作迷你背词汇工具
Jul 27 Javascript
Js sort排序使用方法
Oct 17 Javascript
侧栏跟随滚动的简单实现代码
Mar 18 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
不定义JQuery插件 不要说会JQuery
Mar 07 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 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
PHP概述.
2006/10/09 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
php常用Stream函数集介绍
2013/06/24 PHP
PHP中feof()函数实例测试
2014/08/23 PHP
Laravel框架表单验证详解
2014/09/04 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
2015/11/02 Javascript
详解AngularJS Filter(过滤器)用法
2015/12/28 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
jQuery Password Validation密码验证
2016/12/30 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
原生JS实现图片懒加载之页面性能优化
2019/04/26 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
详解Python如何生成词云的方法
2018/06/01 Python
详解用python写一个抽奖程序
2019/05/10 Python
numpy.ndarray 实现对特定行或列取值
2019/12/05 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
如何解决flask修改静态资源后缓存文件不能及时更改问题
2020/08/02 Python
CSS3过渡transition效果实例介绍
2016/05/03 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
八年级音乐教学反思
2014/01/09 职场文书
电大毕业生自我鉴定
2014/04/10 职场文书
平安家庭示范户事迹
2014/06/02 职场文书
私人房屋买卖协议书
2014/10/04 职场文书