解决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常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
JS中令人发指的valueOf方法介绍
Feb 22 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
js实现局部页面打印预览原理及示例代码
Jul 03 Javascript
JavaScript的arguments对象应用示例
Sep 15 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
JS创建自定义对象的六种方法总结
Dec 15 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制作动态随机验证码
2015/02/12 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
angularjs客户端实现压缩图片文件并上传实例
2015/07/06 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
JS二分查找算法详解
2017/11/01 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
Python实现测试磁盘性能的方法
2015/03/12 Python
Python用模块pytz来转换时区
2016/08/19 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
python实现统计文本中单词出现的频率详解
2019/05/20 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
"引用"与多态的关系
2013/02/01 面试题
轻化专业学生实习自我鉴定
2013/09/20 职场文书
学生档案自我鉴定
2013/10/07 职场文书
北京奥运会口号
2014/06/21 职场文书
服务宗旨标语
2014/07/01 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
店铺转让协议书
2014/12/02 职场文书
教师个人事迹材料
2014/12/17 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang