解决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 相关文章推荐
DB.ASP 用Javascript写ASP很灵活很好用很easy
Jul 31 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
javascript页面倒计时实例
Jul 25 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
vue.js响应式原理解析与实现
Jun 22 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 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
一个可查询所有表的“通用”查询分页类
2006/10/09 PHP
php简单实现快速排序的方法
2015/04/04 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
使用laravel指定日志文件记录任意日志
2019/10/17 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
JavaScript 注册事件代码
2011/01/27 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
2018/09/03 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
JavaScript canvas实现跟随鼠标移动小球
2021/02/09 Javascript
python解析json实例方法
2013/11/19 Python
跟老齐学Python之Import 模块
2014/10/13 Python
Python二分法搜索算法实例分析
2015/05/11 Python
Python创建二维数组实例(关于list的一个小坑)
2017/11/07 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
Tensorflow安装问题: Could not find a version that satisfies the requirement tensorflow
2020/04/20 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
初中生三年学习生活的自我评价
2013/11/03 职场文书
客房主管岗位职责
2013/12/09 职场文书
公司营业员的自我评价
2014/03/04 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
党员对照检查材料思想汇报(党的群众路线)
2014/09/24 职场文书
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书