解决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 Discuz代码中的msn聊天小功能
May 25 Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
Jul 25 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
轻松学习JavaScript函数中的 Rest 参数
May 30 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
微信小程序scroll-view的滚动条设置实现
Mar 02 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
Protoss魔法科技
2020/03/14 星际争霸
为PHP初学者的8点有效建议
2010/11/20 PHP
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
JSON.stringify 语法实例讲解
2012/03/14 Javascript
javascript打开word文档的方法
2014/04/16 Javascript
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
jquery图片切换插件
2015/03/16 Javascript
javascript动态创建链接的方法
2015/05/13 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
文件上传插件SWFUpload的使用指南
2016/11/29 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
如何真正的了解python装饰器
2020/08/14 Python
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
2014年迎新年活动方案
2014/02/19 职场文书
购房意向书范本
2014/04/01 职场文书
担保书怎么写
2014/04/01 职场文书
《理想的风筝》教学反思
2014/04/11 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
安全先进班组材料
2014/12/26 职场文书
中班上学期个人总结
2015/02/12 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python
vue ref如何获取子组件属性值
2022/03/31 Vue.js