解决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 相关文章推荐
网页设计常用的一些技巧
Dec 22 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
BootStrap3中模态对话框的使用
Jan 06 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
基于复选框demo(分享)
Sep 27 Javascript
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
elementUI select组件默认选中效果实现的方法
Mar 25 Javascript
JavaScript undefined及null区别实例解析
Jul 21 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 数据库字段复用的基本原理与示例
2011/07/22 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
jQuery1.6 使用方法一
2011/11/23 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
vue 中 beforeRouteEnter 死循环的问题
2019/04/23 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
python用字典统计单词或汉字词个数示例
2014/04/22 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
详解python实现数据归一化处理的方式:(0,1)标准化
2019/07/17 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
django使用多个数据库的方法实例
2021/03/04 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
Clarins娇韵诗美国官网:法国天然护肤品牌
2016/09/26 全球购物
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
abstract class和interface有什么区别
2013/08/04 面试题
违反学校规定检讨书
2014/01/18 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
物业工程部岗位职责
2015/02/11 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
世界十大评分最高的动漫,CLANNAD上榜,第八赚足人们眼泪
2022/03/18 日漫
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android