js为什么不能正确处理小数运算?


Posted in Javascript onDecember 29, 2015
var sum = 0;
for(var i = 0; i < 10; i++) {
 sum += 0.1;
}

console.log(sum);

上面的程序会输出1吗?

你有必要知道的 25 个 JavaScript 面试题 一文中,第 8 个题浅显的说了下 js 为什么不能正确处理小数运算的问题。今天重拾旧题,更深层次的剖析下这个问题。

但要先说明的是,不能正确处理小数的运算并不是 JavaScript 语言本身的设计错误,其它高级编程语言,如C,Java等,也是不能正确处理小数运算的:

#include <stdio.h>

void main(){
  float sum;
  int i;
  
  sum = 0;
  
  for(i = 0; i < 100; i++) {
    sum += 0.1;
  }
  
  printf('%f\n', sum); //10.000002
}

数在计算机内部的表示

我们都知道,用高级编程语言编写的程序需要经过解释、编译等操作转变成 CPU(Central Processing Unit) 可以识别的机器语言才能运行,而对 CPU 来说,它不识别数的十进制、八进制和十六进制等,我们在程序中声明的这些进制数都会被转成二进制数进行运算。

为什么不是转换成三进制数进行运算呢?

计算机内部是由很多的 IC (Integrated Circuit: 集成电路) 这种电子部件构成的,它的长相大概是这样子:

js为什么不能正确处理小数运算?

IC 有很多种形状,在其两侧或内部并排排列着很多引脚(图示只画出了一侧)。IC 的所有引脚,只有直流电压 0V 或 5V 两个状态,即一个 IC 引脚只能表示两个状态。IC 的这个特性就决定了计算机内部的数据只能用二进制数处理。

由于1 位(一个引脚)只能表示两个状态,所以二进制的计算方式就变成了 0、1、10、11、100….这种形式:

js为什么不能正确处理小数运算?

所以,在数的运算中,所有操作数都会被转成二进制数参与运算,如39,会被转换成二进制 00100111

小数的二进制表示

如前文所说,程序中的数据都会被转换成二进制数,小数参与运算时,也会被转成二进制,如十进制的11.1875 会被转换成1101.0010。

小数点后 4 位用二进制数表示的数值范围是 0.0000~0.1111,因此,这只能表示 0.5、0.25、0.125、0.0625 这四个十进制数以及小数点后面的位权组合(相加)而成的小数:

js为什么不能正确处理小数运算?

从上表可以看出,十进制数 0 的下一位是 0.0625,所以,0~0.0625 之间的小数,就无法用小数点后 4 位数的二进制数表示;如果增加二进制数小数点后面的位数,与其相对应的十进制数的个数也会增加,但无论增加多少位,都无法得到 0.1 这个结果。实际上,0.1 转换成二进制是 0.00110011001100110011…… 注意 0011 是无限重复的:

console.log(0.2+0.1);

//操作数的二进制表示
0.1 => 0.0001 1001 1001 1001…(无限循环)
0.2 => 0.0011 0011 0011 0011…(无限循环)

js 的 Number 类型并没有像 C / Java 等分整型、单精度、双精度等,而是统一表现为双精度浮点型。按照 IEEE 的规定,单精度浮点数用 32 位表示全体小数,而双精度浮点数用 64 位表示全体小数,而浮点数由符号、尾数、指数和基数组成,所以并不是所有的位数都用来表示小数,符号、指数等也要占据位数,基数不占据位数:

js为什么不能正确处理小数运算?

双精度浮点数的小数部分最多支持 52 位,所以两者相加之后得到这么一串 0.0100110011001100110011001100110011001100…因浮点数小数位的限制而截断的二进制数字,这时候,再把它转换为十进制,就成了 0.30000000000000004。

总结

js 不能正确处理小数运算,包括其它高级编程语言一样,这不是语言本身的设计错误,而是计算机内部本身就不能正确处理小数的运算,对小数的运算往往会得到意想不到的结果,因为并不是所有的十进制小数能被二进制表示。

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
Jquery 获得服务器控件值的方法小结
May 11 Javascript
jQuery中after的两种用法实例
Jul 03 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
Feb 04 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
JS触摸与手势事件详解
May 09 Javascript
微信小程序实现底部弹出模态框
Nov 18 Javascript
javascript实现拼图游戏
Jan 29 Javascript
javascript从作用域链谈闭包
Jul 29 #Javascript
你有必要知道的25个JavaScript面试题
Dec 29 #Javascript
JavaScript仿支付宝密码输入框
Dec 29 #Javascript
js实现商城星星评分的效果
Dec 29 #Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 #Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 #Javascript
JavaScrip常见的一些算法总结
Dec 28 #Javascript
You might like
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
两款万能的php分页类
2015/11/12 PHP
php数据访问之查询关键字
2016/05/09 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
JQuery SELECT单选模拟jQuery.select.js
2009/11/12 Javascript
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
2015/07/09 Javascript
Jquery on绑定的事件 触发多次实例代码
2016/12/08 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
Python单体模式的几种常见实现方法详解
2017/07/28 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
Django模板语言 Tags使用详解
2019/09/09 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
python 解决cv2绘制中文乱码问题
2019/12/23 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
企业内控岗位的职责
2014/02/07 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
欠条样本
2015/07/03 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
利用js实现简单开关灯代码
2021/11/23 Javascript