原文地址: https://alphahinex.github.io/2022/03/20/javascript-rounding-off/
description: "通过最小的浮点数或科学记数法减少误差"
date: 2022.03.20 10:34
categories:
- JavaScript
tags: [JavaScript]
keywords: js, 四舍五入, toFixed, Number.EPSILON
由于 JS 中 Number 对象的 toFixed 方法在对某些值进行四舍五入计算时 存在误差 ,而这种误差在进行货币金额计算时是不能接受的,那么在 JS 中我们应该如何正确的进行四舍五入呢?
以保留两位小数为例,选取几种典型的方法,其中 n 为要进行四舍五入运算的浮点数。
为 n 添加一个小的偏移量,再进行四舍五入:
保留两位小数时,先将 n 扩大 10^2 倍,然后通过 Math.round 获得最接近的整数,缩小 10^2 倍后再进行四舍五入:
为 n 添加一个小的偏移量后,再进行方法 B 中的操作:
通过科学记数法进行方法 B 的操作:
可以看到,每种方法都有计算结果与预期不符的情况,但方法 D 仅在 n 只能使用科学计数法进行表示时才会出现与预期不符( NaN )的情况。
当 n 为负数时,直接使用上面的四个方法均得不到正确的结果,因为上面的方法主要是采用增加偏移量和 Math.round 来进行计算的。
n 为正数时,增加偏移量,n 为负数时,应该减少偏移量;
Math.round 在小数部分为 0.5 时,会取下一个最接近正无穷的最小整数:
如果 n 为负数,可先取绝对值后用上述方法进行四舍五入,之后再将结果转换为负数。
总体来说,方法 D 的适用性最好,可以用来作为在 JS 中进行四舍五入运算的主要方式。
你的这个问题貌似连续问了好几天,也问了好几个了,难道一直都没有解决的吗?
如果你一直都没有理解的话,那么我来给你仔细地讲一讲。
首先我们来看一段JS代码:
var a = 500.50var b = 6.97
var result = a*b
alert(result)
那么,我们alert之后的结果是:
3488.4849999999997为什么这样?
网上有网友说,这是JavaScript的浮点数运算BUG,其实,并不能算是BUG,而是由于浮点数计算精度造成的误差;
这样一来,你所说的结果为3488.485,对于JavaScript来说,就不准确了。
然后我们再来看下面的代码:
var a = 500.50var b = 6.97
var c = a*b //这里的a*b其实是3488.4849999999997
var result = Math.round(c*100)/100 //那么它乘以100之后是348848.49999999997
//然后,取整后是348848,除100后是3488.48
alert(result) //结果自然就是3488.48
输出:
3488.48好的,到这里相信你已经知道它产生的原因了,如果你想更细化地知道它为什么会出现那么多的小数位,可以看这篇文章的相关介绍:
【float浮点数的二进制存储方式及转换】http://blog.csdn.net/zcczcw/article/details/7362473
那么接下来,看看如何解决这个问题:
我们知道,问题是出在了二进制数据计算和保存的过程之中,那么,我们就要在它进行计算和保存之前,对其进行处理,
如何处理呢?我们已经知道最初参与计算的两位浮点数都是两位小数,同时我们还需要以两位小数后面的一位小数来决定是否四舍五入,这样,我们将其中一个浮点数的小数点后移3位,这样能够让我们获取到的结果保持在我们需要的小数位后3位都在整数部分,也就不存在浮点数BUG的问题了:
var a = 500.50*1000 //让其中一个参与运算的浮点数小数点后移3位var b = 6.97
var c = a*b/1000 //计算完成后,再前移三位
alert(c) //我们得到的中间值结果准确!
var result = Math.round(c*100)/100 //再参与四舍五入计算
alert(result) //结果准确
输出结果 :
3488.49另外,像这样在JavaScript下计算浮点数的过程由于经常会出现这种不可控的现象,所以,聪明的程序工程师们写了很多规避这种不可控现象的函数,下面就给你提供一些这方面的资料:
【js浮点数精确计算函数(加,减,乘,除)】 http://www.cnblogs.com/konooo/archive/2010/01/23/1654617.html
【JS浮点数运算Bug的解决办法】 http://hi.baidu.com/bing2liuliu/item/6b201a48ea51c40b6dc2f0b6
——————
最后我想说的是,我这几天混迹于百度知道,至少看你问过这个问题四遍了,也就是说,这个问题是我看到的你的第四个相同的问题。
而你在其它几个问题里,并不是没有得到答案,而那几个问题回答的答案也相对比较明确了。
你所要求的:“不要什么公式”、“简单的”等要求,是有的,粘贴复制就可以了,把他们提供的方法粘贴到你的代码上,调用就可以了。
但这样好像还无法满足你,让我们这些为此兢兢业业,试图解决各种有挑战性问题的网友和程序员们情何以堪呐!
我真想写几K的文档,就建完了一个站,但它不现实不是....