解决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和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
May 27 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
值得分享的bootstrap table实例
Sep 22 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
JAVA中截取字符串substring用法详解
Apr 14 Javascript
深入理解Node中的buffer模块
Jun 03 Javascript
vue项目中使用tinymce编辑器的步骤详解
Sep 11 Javascript
JS Math对象与Math方法实例小结
Jul 05 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 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
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
jquery trim() 功能源代码
2011/02/14 Javascript
JQUERY 设置SELECT选中项代码
2014/02/07 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
easyui form validate总是返回false的原因及解决方法
2016/11/07 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
python列表list保留顺序去重的实例
2018/12/14 Python
python实现将一维列表转换为多维列表(numpy+reshape)
2019/11/29 Python
Pytorch 实现focal_loss 多类别和二分类示例
2020/01/14 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
Python是怎样处理json模块的
2020/07/16 Python
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
公司同意接收函
2014/01/13 职场文书
军训自我鉴定100字
2014/02/13 职场文书
代办委托书怎么写
2014/08/01 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
2016党员入党决心书
2015/09/22 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js
python数字图像处理实现图像的形变与缩放
2022/06/28 Python