解决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处理DOM元素事件实现代码
May 23 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
js实现自定义路由
Feb 04 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
Dec 18 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
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对二维数组按指定键值key排序示例代码
2013/11/26 PHP
PHP错误和异长常处理总结
2014/03/06 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
vue数字类型过滤器的示例代码
2017/09/07 Javascript
vue2.0模拟锚点的实例
2018/03/14 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
详解vue组件之间的通信
2020/08/30 Javascript
JavaScript实现原型封装轮播图
2020/12/27 Javascript
Python基类函数的重载与调用实例分析
2015/01/12 Python
python实现对一个完整url进行分割的方法
2015/04/29 Python
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
MIS软件工程师的面试题
2016/04/22 面试题
就业推荐自我鉴定
2013/10/06 职场文书
晚会主持词开场白
2014/03/17 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
创先争优宣传标语
2014/10/08 职场文书
农村党员干部承诺书
2015/05/04 职场文书
Python入门之基础语法详解
2021/05/11 Python
MySQL非空约束(not null)案例讲解
2021/08/23 MySQL