解决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实现unicode和字符的互相转换
Jul 18 Javascript
JS 常用校验函数
Mar 26 Javascript
Mootools 1.2教程 设置和获取样式表属性
Sep 15 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
将JSON字符串转换成Map对象的方法
Nov 30 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
微信小程序实现页面监听自定义组件的触发事件
Nov 01 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数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
PHP与以太坊交互详解
2018/08/24 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
如何快速的呈现我们的网页的技巧整理
2007/07/01 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
javascript操作excel生成报表示例
2014/05/08 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
jQuery动态移除和添加背景图片的方法详解
2017/03/07 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
jQuery 表单序列化实例代码
2017/06/11 jQuery
vue中阻止click事件冒泡,防止触发另一个事件的方法
2018/02/08 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
2019/08/13 Python
Python实现上下文管理器的方法
2020/08/07 Python
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
Yahoo的PHP面试题
2014/05/26 面试题
2014年迎新年活动方案
2014/02/19 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android
nginx作grpc的反向代理踩坑总结
2021/07/07 Servers