解决JavaScript中0.1+0.2不等于0.3问题

Posted xanthedsf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决JavaScript中0.1+0.2不等于0.3问题相关的知识,希望对你有一定的参考价值。

1
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。

1
2
3
4
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的不兼容问题。

1
2
3
4
5
6
7
8
9
10
11
12
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 的数字类型是绝对安全的。

 

     
技术分享图片 珠峰Node.js全栈开发  ...2
技术分享图片 彻底征服 React.js 技术分享图片
技术分享图片 腾讯大牛亲授 Web 前后端漏洞分析与防御技巧 技术分享图片  ...2
技术分享图片 前端JavaScript面试技巧
技术分享图片 2017最新apicloud全集(从基础到实战 6个实战项目) 技术分享图片
技术分享图片 WEB 开发 LoadRunner使用指南 学习资料
技术分享图片 让你惊叹不已的HTML5画布Canvas绘图技术应用详解  ...2
技术分享图片 GPS车辆监控系统开发必备技术之WebGIS架构技术入门到实践
技术分享图片 深入浅出JavaScript入门到精通实战式教学视频全套教程  ...2
技术分享图片 老司机带你深入webpack原理与实战  ...2
技术分享图片 AngularJS的移动端解决方案,Ionic和AngularJS完美融合开发原生iOS或安卓App
技术分享图片 MUI APP全接触 MUI基础+交互原理深入解读MUI 开发APP视频教程
技术分享图片 AngularJS的移动端解决方案,Ionic和AngularJS完美融合开发原生iOS或安卓App
技术分享图片 Angular企业协作平台视频教程下载  ...2
技术分享图片 2017年Web前端开发整站模块化布局项目实战视频教程html5/CSS3/js
技术分享图片 基于 Vue.js 2.0 的 UI 组件库快速开发一个 Vue.js Web 应用 Element UI 视频教程
技术分享图片 vue.js2.0基于MVVM框架(Vuex+Vue Router+axios+jsonp+webpack 2.0+es6)全家桶技...  ...2
技术分享图片 2017年最权威的1000集大型web前端视频教程
技术分享图片 零基础轻松学好Bootstrap 兄弟连+云知梦+番茄课堂+其他Bootstrap 视频教程合集 技术分享图片
技术分享图片 基于Nodejs的Meteor全栈开发平台实时Web APP开发框架从零开始快速开一个Web APP应用

以上是关于解决JavaScript中0.1+0.2不等于0.3问题的主要内容,如果未能解决你的问题,请参考以下文章

解决JavaScript中0.1+0.2不等于0.3问题

为什么在JavaScript中0.1+0.2不等于0.3?

前端面试 JavaScript— 0.1+0.2为什么不等于0.3?如何实现等于0.3?

原来 0.1*0.2!=0.02

解决js计算0.1+0.2 !==0.3

JS小数精度问题 为什么 0.1+0.2 不等于 0.3