解决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 相关文章推荐
js实现可拖动DIV的方法
Dec 17 Javascript
node.js中的path.isAbsolute方法使用说明
Dec 08 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
js实现自定义路由
Feb 04 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
Jun 12 Javascript
js原生map实现的方法总结
Jan 19 Javascript
Vue中使用import进行路由懒加载的原理分析
Apr 01 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
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
javascript实现的动态文字变换
2007/07/28 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
vue综合组件间的通信详解
2017/11/06 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
如何通过setTimeout理解JS运行机制详解
2019/03/23 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
微信小程序音乐播放器开发
2019/11/20 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
详解HTML5表单新增属性
2016/12/21 HTML / CSS
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
经贸日语专业自荐信
2014/09/02 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
考研导师推荐信范文
2015/03/27 职场文书
民事辩护词范文
2015/05/21 职场文书
元旦主持词开场白
2015/05/29 职场文书