为什么 JavaScript 中模数运算符返回小数？

Question

为什么 JavaScript 中的 49.90 % 0.10 返回 0.099999999999999581？我预计它会是0。

Answer 1

因为 JavaScript 使用浮点数学，这可能会导致舍入错误。

如果您需要精确到小数点后两位的结果，请在运算前将数字乘以 100，然后再除以：

var result = ( 4990 % 10 ) / 100;

如有必要，请进行四舍五入。

Answer 2

我将其留在这里以供将来参考，但这里有一个方便的函数，可以更精确地处理 余数 （自 JS没有涉及浮点数的模运算符）。

  function floatSafeRemainder(val, step){
    var valDecCount = (val.toString().split('.')[1] || '').length;
    var stepDecCount = (step.toString().split('.')[1] || '').length;
    var decCount = valDecCount > stepDecCount? valDecCount : stepDecCount;
    var valInt = parseInt(val.toFixed(decCount).replace('.',''));
    var stepInt = parseInt(step.toFixed(decCount).replace('.',''));
    return (valInt % stepInt) / Math.pow(10, decCount);
  }

$(function() {
  
  
  function floatSafeModulus(val, step) {
    var valDecCount = (val.toString().split('.')[1] || '').length;
    var stepDecCount = (step.toString().split('.')[1] || '').length;
    var decCount = valDecCount > stepDecCount ? valDecCount : stepDecCount;
    var valInt = parseInt(val.toFixed(decCount).replace('.', ''));
    var stepInt = parseInt(step.toFixed(decCount).replace('.', ''));
    return (valInt % stepInt) / Math.pow(10, decCount);
  }
  
  
  $("#form").submit(function(e) {
    e.preventDefault();
    var safe = 'Invalid';
    var normal = 'Invalid';
    var var1 = parseFloat($('#var1').val());
    var var2 = parseFloat($('#var2').val());
    if (!isNaN(var1) && !isNaN(var2)) {
      safe = floatSafeModulus(var1, var2);
      normal = var1 % var2
    }
    $('#safeResult').text(safe);
    $('#normalResult').text(normal);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form" novalidate>
  <div>
    <input type="number" id="var1">%
    <input type="number" id="var2">
  </div>
  <div>safe: <span id="safeResult"></span><div>
  <div>normal (%): <span id="normalResult"></span></div>
  <input type="submit" value="try it out">
</form>

Answer 3

Javascript 的 Number 使用“IEEE 双精度”来存储值。它们无法准确存储所有十进制数。由于将十进制数转换为二进制数时存在舍入误差，结果不为零。

49.90 = 49.89999999999999857891452848...
 0.10 =  0.10000000000000000555111512...

因此，floor(49.90 / 0.10) 只有 498，余数将为 0.09999....

---

看来您正在使用数字来存储美元金额。 不要这样做，作为浮点运算传播并放大舍入误差。而是将数字存储为美分。整数可以精确表示，4990 % 10 将返回 0。

Answer 4

原因

浮点无法准确存储所有十进制值。因此，当使用浮点格式时，输入值总是会出现舍入误差。
输入上的错误当然会导致输出上的错误。
对于离散函数或运算符，在函数或运算符离散的点周围的输出可能会有很大差异。
模运算符是离散的，您的案例显然就是这个问题的一个例子。

浮点值的输入和输出

因此，在使用浮点变量时，您应该始终注意这一点。无论您想要从浮点计算中获得什么输出，在显示之前都应始终对其进行格式化/调节，并牢记这一点。
当仅使用连续函数和运算符时，通常会舍入到所需的精度（不要截断）。用于将浮点数转换为字符串的标准格式化功能通常会为您完成此操作。
要根据预期的输入精度和所需的输出精度获得正确的输出，您还应该

• 将输入舍入到预期的精度，或者确保无法输入更高精度的值。
• 在对输出进行舍入/格式化之前，向输出添加一个小值，该值小于或等于所需精度的 1/4，并且大于由输入和计算过程中的舍入误差引起的最大预期误差。如果不可能，则所用数据类型的精度组合不足以为您的计算提供所需的输出精度。

这两件事通常没有完成，并且在大多数情况下，不做它们所造成的差异对于大多数用户来说太小而不重要，但我已经有一个项目，如果没有这些更正，用户就不会接受输出。

离散函数或运算符（如模）

当涉及离散运算符或函数时，可能需要额外的更正以确保输出符合预期。四舍五入并在四舍五入之前添加小修正并不能解决问题。
在应用离散函数或运算符之后，可能需要立即对中间计算结果进行特殊检查/更正。

此问题的具体情况

在这种情况下，您期望输入具有一定的精度，因此可以针对远小于所需精度的舍入误差的影响来纠正输出。

如果我们说你的数据类型的精度是e。
您的输入不会存储为您输入的值 a 和 b，而是存储为 a*(1+/-e) 和 b*(1+/-e)
a*(1+/-e) 除以 b*(1+/-e) 的结果将得到 (a/b)(1+/-2e)。
modula 函数必须截断结果并再次相乘。
所以结果将是 (a/bb)(1+/-3e) = a(1+/-3e) 导致 a*3e 的错误。
mod 将 a*e 添加到 a*3e 的可能误差中，因为减去了 2 个值，可能的误差为 a*3e 和 a*e。
因此，您应该检查总可能误差 a*4e 是否小于所需精度，如果满足该条件并且结果与 b 的差异不超过最大可能误差，则可以安全地将其替换为 0。

更好避免出现问题

通常通过使用数据类型（整数或定点格式）进行此类计算可以更有效地避免这些问题，这样可以存储预期的输入而不会出现舍入错误。
一个例子是，您永远不应该使用浮点值进行财务计算。

Answer 5

看看浮点数及其缺点 - 像 0.1 这样的数字无法正确保存为浮点数，所以总会出现这样的问题。将您的数字 *10 或 *100 并用整数进行计算。

Answer 6

http://en.wikipedia.org/wiki/Modulo_operation
别生气，模与整数一起使用^^
所以浮动值会出现一些错误。

Answer 7

希望这对某人有帮助：

let asBuffer = new ArrayBuffer(8);
let asInt = new Uint32Array(asBuffer );
let asFloat = new Float32Array(asBuffer );
asFloat.set([49.9,.1]);
asInt.set([asFloat[0]/asFloat[1], asFloat[0]%asFloat[1]]);

结果

asInt Uint32Array(2) [499, 0, 缓冲区: ArrayBuffer(8), 
字节长度：8，字节偏移：0，长度：2， 
符号（Symbol.toStringTag）：'Uint32Array']

//In general I'm moving more and more towards 
//Using typed arrays to store values in JS.

Answer 8

我发现了这个关于 Modulo with Javascript 行为的问题。
我正在寻找为什么我在玩百分比时遇到类似问题的原因。

我的回答并没有真正回答有关模 0.1 的问题，但它帮助我解决了我的问题。
为了分享我的修复，我添加了这个示例。

就我而言，我只想记录十的倍数的完成百分比。
没有任何值等于 0，因此没有打印任何内容。
我这样做是为了通过执行 Math.round(percentage) % 10 === 0 来解决我的问题。这将在进行取模之前仅保留最接近的整数。

希望我的例子可以帮助其他面临同样问题的人。

Answer 9

这不是一个完美的答案，但它确实有效。

function format_float_bug(num)
{
   return parseFloat( num.toFixed(15) ); 
} 

您可以按如下方式使用，

format_float_bug(4990 % 10);

因为下面的数字 (49.89999999999999857891452848) 前 15 个小数位就像 9999999