JS 中的四舍五入

JavaScript030

JS 中的四舍五入,第1张

原文地址: 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.50

var b = 6.97

var result = a*b

alert(result)

那么,我们alert之后的结果是:

3488.4849999999997

为什么这样?

网上有网友说,这是JavaScript的浮点数运算BUG,其实,并不能算是BUG,而是由于浮点数计算精度造成的误差;

这样一来,你所说的结果为3488.485,对于JavaScript来说,就不准确了。

然后我们再来看下面的代码:

var a = 500.50

var 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的文档,就建完了一个站,但它不现实不是....