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

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: 集成电路) 这种电子部件构成的，它的长相大概是这样子：

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

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

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

小数的二进制表示

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

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

从上表可以看出，十进制数 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 位表示全体小数，而浮点数由符号、尾数、指数和基数组成，所以并不是所有的位数都用来表示小数，符号、指数等也要占据位数，基数不占据位数：

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

总结

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

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

赞 (0)

相关推荐

  • JS保留小数点(四舍五入、四舍六入)实现思路及实例

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>floatDecimal.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> &

  • js取float型小数点后两位数的方法

    以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入: var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 不四舍五入 以下处理结果不会四舍五入: 第一种,先把小数边整数: Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77 第二种,当作字符串,使用正则匹配: Number(15.7784514000.toString().mat

  • js中小数转换整数的方法

    JS小数转为整数 floor:下退 Math.floor(12.9999) = 12 ceil:上进 Math.ceil(12.1) = 13; round: 四舍五入 Math.round(12.5) = 13 Math.round(12.4) = 12

  • js数字转换为float,取N位小数

    js数字转换为float,取N个小数: ========================================= javascript中的变量都是弱类型,所有的变量都声明为var,在类型转换过程中就没有java那么方便,它是通过 parseInt(变量).parseFloat(变量)等方法来进行类型转换的.注意:没有parseDouble(变量)这种类型转换,因为在javascript中不分单精度float和双精度double,凡事有小数的变量都认为是float,因此要取小数后的n位,

  • JavaScript 正则表达式 验证整数、小数、实数、有效位小数最简单

    说明:IE6.0.IE7.0.IE8.0.Firefox/3.0.11下测试通过 验证数字最简单正则表达式大全 输入完按回车后即可验证!(自认为最简单!) 正整数: 负整数: 整 数: 正小数: 负小数: 小 数: 实 数: 保留1位小数: 保留2位小数: 保留3位小数: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 出处:http://blog.csdn.net/xxd851116

  • JS格式化数字金额用逗号隔开保留两位小数

    例如: 12345格式化为12,345.00 12345.6格式化为12,345.60 12345.67格式化为 12,345.67 只留两位小数. 回来后写了个格式化函数.可以控制小数位数,自动四舍五入. 代码如下: 复制代码 代码如下: function fmoney(s, n) { n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, ""

  • js小数运算出现多位小数如何解决

    和大家分享一个有趣的测试: 0.1+0.2 == 0.3 //false 顿时郁闷,好吧!原来0.1+0.2变成:0.30000000000000004 再来一个 2.4/0.8 =>2.9999999999999996 没办法换种方式,都转换成整数 (2.4 * 100)/(0.8 * 100) 10.22 现在要减去 0.11 结果值又出现了很多的小数 10.110000000000001,然后我就用了 toFixed 方法来过滤小数,但是不知道跟前面那种转换成整数后再执行哪种效率高,好!还

  • js 小数取整的函数

    1.丢弃小数部分,保留整数部分 js:parseInt(7/2) 2.向上取整,有小数就整数部分加1 js: Math.ceil(7/2) 3,四舍五入. js: Math.round(7/2) 4,向下取整 js: Math.floor(7/2)

  • Javascript浮点数乘积运算出现多位小数的解决方法

    Javascript在进行浮点数的乘积运算,会出现多位小数的情况. 这是由于在运算的时候先把浮点数转化成二进制后进行运算,但是有的小数在二进制编码后出现无限循环,因而导致计算出现了误差,在其它变成语言中也有类似的问题. 原因解释参考自百度知道: 例如:求1038.1-1000 1038.1=10000001110.0001100110011001100110011001100110011001100..... 1000 =1111101000 1038.1转化为二进制是个无限循环小数,1100是

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

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

    var sum = 0; for(var i = 0; i < 10; i++) { sum += 0.1; } console.log(sum); 上面的程序会输出1吗? 在 你有必要知道的 25 个 JavaScript 面试题 一文中,第 8 个题浅显的说了下 js 为什么不能正确处理小数运算的问题.今天重拾旧题,更深层次的剖析下这个问题. 但要先说明的是,不能正确处理小数的运算并不是 JavaScript 语言本身的设计错误,其它高级编程语言,如C,Java等,也是不能正确处理小数运算的

  • JS小数运算出现多为小数问题的解决方法

    写在前面的话: 今天帮同事解决了一个问题,就是小数相乘出现很多位小数的问题:这个问题自己以前也遇到过,现在特意来总结一下: Number类型: Number类型是ECMAScript中最常用和最令人关注的类型了:这种类型使用IEEE754格式来表示整数和浮点数值(浮点数值在某些语言中也被成为双精度数值),为支持各种数据类型,ECMA-262定义了不同的数值面量格式. 十进制: var intNum=10; //整数 八进制: var octalNum1=070; //八进制的56 var oct

  • JS实现保留n位小数的四舍五入问题示例

    本文实例讲述了JS实现保留n位小数的四舍五入问题.分享给大家供大家参考,具体如下: //数字四舍五入(保留n位小数) getFloat = function (number, n) { n = n ? parseInt(n) : 0; if (n <= 0) return Math.round(number); number = Math.round(number * Math.pow(10, n)) / Math.pow(10, n); return number; }; /* //用法示例:

  • JS循环中正确使用async、await的姿势分享

    JS循环中正确使用async、await的姿势分享

    目录 概览(循环方式 - 常用) 声明遍历的数组和异步方法 for 循环中使用 map 中使用 forEach 中使用 filter 中使用 附使用小结 总结 概览(循环方式 - 常用) for map forEach filter 声明遍历的数组和异步方法 声明一个数组:️ const skills = ['js', 'vue', 'node', 'react'] 再声明一个promise的异步代码: ️ function getSkillPromise (value) { return ne

  • JS中验证整数和小数的正则表达式

    验证整数和小数的正则表达式 网上很多关于验证小数的正则表达式,但是很多都不是百分百正确,所以我结合一些前辈的经验,自己写了一个. 验证非0开头的无限位整数和小数.整数支持无限位,小数点前支持无限位,小数点后最多保留两位. js代码如下: var reg = /^(([^0][0-9]+|0)\.([0-9]{1,2})$)|^([^0][0-9]+|0)$/; 单独拆分: 1. 整数:/^([^0][0-9]+|0)$/ 2. 小数:/^(([^0][0-9]+|0)\.([0-9]{1,2})

  • js输出数据精确到小数点后n位代码

    编写两种方法,可以输出数据 num 精确到小数点后第 n 位,具体内容如下 1. 借助于 Math.pow(10,n): 2. 借助于 ..toFixed(n) (JS 1.5(IE5.5+,NS6+以上版本支持). 测试 pi=3.14159265 的输出结果: 精确到小数点后 n 位, 借助于 Math.pow(10,n): 3.1 3.14 3.142 3.1416 精确到小数点后 n 位, 借助于 ..toFixed(n): 3.1 3.14 3.142 3.1416 <html> &

  • Node.js插件的正确编写方式

    Node.js在利用JavaScript编写后端方面效果拔群,值得我们多加尝试.不过如果大家需要一些无法直接使用的功能甚至是根本无从实现的模块使用,那么能否从C/C++库当中引入此类成果呢?答案是肯定的,大家要做的就是编写一款插件,并借此在自己的JavaScript代码中使用其它代码库的资源.下面我们就一同开始今天的探询之旅. 介绍 正如Node.js在官方说明文档中所言,插件是以动态方式进行链接的共享式对象,能够将JavaScript代码与C/C++库接驳起来.这意味着我们可以引用任何来自C/

  • Node.js事件的正确使用方法

    Node.js事件的正确使用方法

    前言 事件驱动的编程变得流行之前,在程序内部进行通信的标准方法非常简单:如果一个组件想要向另外一个发送消息,只是显式地调用了那个组件上的方法.但是在 react 中用的却是事件驱动而不是调用. 事件的好处 这种方法能够使组件更加分离.在我们继续写程序时,会识别整个过程中的事件,在正确的时间触发它们,并为每个事件附加一个或多个事件监听器,这使得功能扩展变得更加容易.我们可以为特定事件添加更多的 listener,而不必修改现有的侦听器或触发事件的应用程序部分.我们所谈论的是观察者模式. 设计一个事

  • JS验证输入的是否是数字及保留几位小数问题

    1.验证方法 validationNumber(e, num)  e代表标签对象,num代表保留小数位数 function validationNumber(e, num) { var regu = /^[0-9]+\.?[0-9]*$/; if (e.value != "") { if (!regu.test(e.value)) { alert("请输入正确的数字"); e.value = e.value.substring(0, e.value.length -

随机推荐