解决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 相关文章推荐
关于viewport,Ext.panel和Ext.form.panel的关系
May 07 Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
vue之数据交互实例代码
Jun 20 Javascript
angular写一个列表的选择全选交互组件的示例
Jan 22 Javascript
vue-cli常用设置总结
Feb 24 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
学前端,css与javascript重难点浅析
Jun 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
Linux操作系统安装LAMP环境
2015/06/26 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
php格式文件打开的四种方法
2018/02/24 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
一个符号插入器 中用到的js代码
2007/09/04 Javascript
jquery 指南/入门基础
2007/11/30 Javascript
js 获取(接收)地址栏参数值的方法
2013/04/01 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
用Python一键搭建Http服务器的方法
2018/06/01 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
Python父目录、子目录的相互调用方法
2019/02/16 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
python获取地震信息 微信实时推送
2019/06/18 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
大学生党课思想汇报
2013/12/29 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
庆祝国庆节标语
2014/10/09 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS