解决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 相关文章推荐
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 Javascript
jquery的each方法使用示例分享
Mar 25 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
对js中回调函数的一些看法
Aug 29 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
vue实现选中效果
Oct 07 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
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
JQuery打造PHP的AJAX表单提交实例
2009/11/03 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
js数组操作学习总结
2013/11/04 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python逆向入门教程
2018/01/15 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
python实现最小二乘法线性拟合
2019/07/19 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
Python Map 函数的使用
2020/08/28 Python
python爬取招聘要求等信息实例
2020/11/20 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
Collection和Collections的区别
2016/05/02 面试题
外包公司软件测试工程师
2014/11/01 面试题
领导的自我鉴定
2013/12/28 职场文书
韩国商务邀请函
2014/01/14 职场文书
《鸿门宴》教学反思
2014/04/22 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
车辆年检委托书范本
2014/10/14 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
七年级作文之秋游
2019/10/21 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
openstack中的rpc远程调用的方法
2021/07/09 Python
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python