解决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 URL编码和解码使用说明
Apr 12 Javascript
Javascript变量函数浅析
Sep 02 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
Jun 09 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 Javascript
jquery+CSS3实现3D拖拽相册效果
Jul 18 Javascript
Javascript 动态改变imput type属性
Nov 01 Javascript
vue.js开发环境搭建教程
May 04 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 Javascript
vue封装第三方插件并发布到npm的方法
Sep 25 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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 MemCached高级缓存配置图文教程
2010/08/05 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
Js 刷新框架页的代码
2010/04/13 Javascript
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
node.js连接mysql与基本用法示例
2019/01/05 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
详解Python中的文本处理
2015/04/11 Python
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
python3实现windows下同名进程监控
2018/06/21 Python
python的常用模块之collections模块详解
2018/12/06 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python写程序统计词频的方法
2019/07/29 Python
python面向对象 反射原理解析
2019/08/12 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
小学生读书感言
2014/02/12 职场文书
新年抽奖获奖感言
2014/03/02 职场文书
公司新年寄语
2014/04/04 职场文书
学生党员公开承诺书
2014/05/28 职场文书
政府领导干部个人对照检查材料思想汇报
2014/09/24 职场文书
商场营业员岗位职责
2015/04/14 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
老人院义工活动感想
2015/08/07 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
TensorFlow的自动求导原理分析
2021/05/26 Python
各国货币符号大全
2022/02/17 杂记