JavaScript 浮点数未正确截断

Question

我正在努力让浮点数正确显示。 它在大多数情况下都有效。 例如，如果我在“kWh”中输入 0.2，在“Hours used”中输入 0.04，则在“Total”中输出 0.008。但是，当我将这些值更改为 0.02 和 0.23 时，它会输出 0.046000000000000006。为什么不是 output 0.04 ? 我在这里错过了什么？

 <script> function calculate(){ var amount = document.getElementById("kW").value; var amount = parseFloat(amount).toFixed(2); var quantity = document.getElementById("hours").value; var quantity = parseFloat(quantity).toFixed(2); var total = amount * quantity; document.getElementById("total").value = total; } </script>

 <div class="kWattsCol"> <p><b>kWh</b></p> <input type="number" oninput="calculate()" id="kW" required> </div> <div class="hoursCol"> <p><b>Hours used</b></p> <input type="number" oninput="calculate()" id="hours"required> </div> <div class="totalCol"> <p><b>Total</b></p> <input type="text" id="total" readonly> </div>

Answer 1

更正

…当我将这些值更改为 0.02 和 0.23 时，它输出 0.046000000000000006…

这些的浮点乘积将是一个接近.0046 的数字，而不是接近.046。 所以我怀疑实际输入是“0.2”和“0.23”。 下面的答案就是在此基础上进行的。

讨论

当使用默认的 JavaScript 数字格式时，它会产生足够的有效数字来唯一区分浮点数与其相邻的浮点数格式。 这个答案进一步描述了这一点。

当输入“0.2”转换为JavaScript使用的浮点格式（IEEE-754 binary64，也称为“双精度”）时，结果为0.200000000000000011102230246251565404236316680908203125。 当“0.04”转换时，结果为0.040000000000000000832667268468867405317723751068115234375。 当这些相乘时，结果为 0.008000000000000000166533453693773481063544750213623046875。 （这包括将实数算术乘积四舍五入到以浮点格式表示的最接近的值。）

这是结果之前的邻居、结果和结果之后的邻居：

0.00799999999999999843180997771696638665162026882171630859375
0.008000000000000000166533453693773481063544750213623046875
0.00800000000000000190125692967058057547546923160552978515625

观察到.008 最接近这些的中间，算术结果。 也就是说，当 0.008000000000000000166533453693773481063544750213623046875 被格式化显示时，我们只需要产生“0.008”来识别它。

在第二种情况下，转换“0.23”得到0.2300000000000000099920072216264088638126850128173828125，然后乘积为0.0460000000000000061617377866696187994511553757943。

查看之前的邻居、结果和之后的邻居，我们有：

0.04599999999999999922284388276239042170345783233642578125
0.046000000000000006161737786669618799351155757904052734375
0.0460000000000000131006316905768471769988536834716796875

观察到.046 更接近之前的邻居而不是结果； 小数点后19位相差不到1，而结果相差6以上。因此，要识别结果，我们需要产生“0.046000000000000006”。