解决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 年会抽奖程序
Dec 22 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
老生常谈JavaScript中的this关键字
Oct 01 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
vue和小程序项目中使用iconfont的方法
May 19 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 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
实用函数2
2007/11/08 PHP
php检测文本的编码
2015/07/26 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
js继承的实现代码
2010/08/05 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
2017/10/24 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
vue-cli3搭建项目的详细步骤
2018/12/05 Javascript
微信小程序通过一个json实现分享朋友圈图片
2019/09/03 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
python实现redis三种cas事务操作
2017/12/19 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
转党组织关系介绍信
2014/01/08 职场文书
英语系本科生求职信
2014/07/15 职场文书
杜甫草堂导游词
2015/02/03 职场文书
工作试用期自我评价
2015/03/10 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
python 实现的截屏工具
2021/05/08 Python
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python
十大必看国产动漫排名,魁拔上线,第二曾在日本播出
2022/03/18 国漫
mybatis 获取更新记录的id
2022/05/20 Java/Android