解决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 相关文章推荐
jquery 防止表单重复提交代码
Jan 21 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
Jul 17 Javascript
js 页面元素的几个用法总结
Nov 18 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
JS数组方法shift()、unshift()用法实例分析
Jan 18 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
Apr 15 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
一个高ai的分页函数和一个url函数
2006/10/09 PHP
PHP设计模式 注册表模式(多个类的注册)
2012/02/05 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php结合ACCESS的跨库查询功能
2015/06/12 PHP
实现php删除链表中重复的结点
2018/09/27 PHP
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
2012/01/13 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
运用jQuery定时器的原理实现banner图片切换
2014/10/22 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
JS组件中bootstrap multiselect两大组件较量
2016/01/26 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
Python中super函数的用法
2017/11/17 Python
python编程嵌套函数实例代码
2018/02/11 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
Python3 批量扫描端口的例子
2019/07/25 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
python空元组在all中返回结果详解
2020/12/15 Python
css3实现超立体3D图片侧翻倾斜效果
2014/04/16 HTML / CSS
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
syb养殖创业计划书
2014/01/09 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
python 机器学习的标准化、归一化、正则化、离散化和白化
2021/04/16 Python
python保存大型 .mat 数据文件报错超出 IO 限制的操作
2021/05/10 Python
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript