解决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 相关文章推荐
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 Javascript
js 页面关闭前的出现提示的实现代码
May 25 Javascript
固定网页背景图同时保持图片比例的思路代码
Aug 15 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
详解javascript事件冒泡
Jan 09 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 Javascript
vue实现路由监听和参数监听
Oct 29 Javascript
小程序中设置缓存过期的实现方法
Jan 14 Javascript
vant实现购物车功能
Jun 29 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中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
详解php命令注入攻击
2019/04/06 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
2014/11/23 Javascript
学习JavaScript设计模式之状态模式
2016/01/08 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
实例解析jQuery中如何取消后续执行内容
2016/12/01 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
javascript ES6中箭头函数注意细节小结
2017/02/17 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
Python之str操作方法(详解)
2017/06/19 Python
python清除字符串中间空格的实例讲解
2018/05/11 Python
python面向对象法实现图书管理系统
2019/04/19 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
python中自带的三个装饰器的实现
2019/11/08 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
美国猫狗药物和用品网站:PetCareRx
2017/01/05 全球购物
理货员的岗位职责
2013/11/23 职场文书
《这儿真好》教学反思
2014/02/22 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
办理信用卡工作证明
2014/09/30 职场文书
拾金不昧通报表扬范文
2015/05/05 职场文书