解决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.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 Javascript
学习js在线html(富文本,所见即所得)编辑器
Dec 18 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
May 03 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
客户端验证用户名和密码的方法详解
Jun 16 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
AngularJS 模块化详解及实例代码
Sep 14 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
js前端导出Excel的方法
Nov 01 Javascript
对vuex中getters计算过滤操作详解
Nov 06 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
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
认识并使用PHP超级全局变量
2010/01/26 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
在javascript中使用com组件的简单实现方法
2016/08/17 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
2017/11/09 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
vuex actions异步修改状态的实例详解
2019/11/06 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
python http基本验证方法
2018/12/26 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
Vans奥地利官方网站:美国原创极限运动潮牌
2018/09/30 全球购物
煤矿班组长岗位职责
2013/12/29 职场文书
应届生简历中的自我评价
2014/01/13 职场文书
中级会计职业生涯规划范文
2014/01/16 职场文书
工地安全标语
2014/06/07 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
了解MySQL查询语句执行过程(5大组件)
2022/08/14 MySQL