解决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实现输入框动态增减的实例代码
Jul 14 Javascript
如何学习Javascript入门指导
Nov 01 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
vue-cli axios请求方式及跨域处理问题
Mar 28 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
node获取客户端ip功能简单示例
Aug 24 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
Mar 03 Javascript
JavaScript实现优先级队列
Dec 06 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中__get()和__set()的用法实例详解
2013/06/04 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
Thinkphp5框架实现获取数据库数据到视图的方法
2019/08/14 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
jQuery asp.net 用json格式返回自定义对象
2010/04/07 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
Angularjs中如何使用filterFilter函数过滤
2016/02/06 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
js继承实现方法详解
2016/12/16 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
vue 组件间的通信之子组件向父组件传值的方式
2020/07/29 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
python单例模式的多种实现方法
2019/07/26 Python
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
外科实习自我鉴定
2013/10/06 职场文书
《雾凇》教学反思
2014/02/17 职场文书
房产买卖委托公证书
2014/04/04 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
保护环境倡议书范文
2014/05/13 职场文书
暑期培训班招生方案
2014/08/26 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
党支部承诺书
2015/01/20 职场文书
学雷锋献爱心活动总结
2015/05/11 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
Mysql基础知识点汇总
2021/05/26 MySQL