JS 中的四舍五入

JavaScript08

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 中进行四舍五入运算的主要方式。

一、我们首先从经典的“四舍五入”算法讲起

1、四舍五入的情况

2、不四舍五入

第一种,先把小数边整数:

第二种,当作字符串,使用正则匹配:

注意:如果是负数,请先转换为正数再计算,最后转回负数

再分享一个经典的解决四舍五入问题后js保留两位小数的方法:

//四舍五入保留2位小数(若第二位小数为0,则保留一位小数)

在使用js进行一些数学计算时,有时候会出现整出后无限循环或小数点后面的位数太多影响显示的情况,那么在js代码中怎样对于计算所得的小数进行处理了.

一、toFixed()方法,它可以四舍五入到小数点后指定位数

var shuzi = "10.383"

document.write(shuzi.toFixed(2))

在js中会输出:10.38 toFixed(2)表示四舍五入到小数点的后两位.

二、round()方法,不同于toFixed,它是将小数四舍五入位整数

Math.round(0.80)

输出为:1

虽然round方法只能四舍五入为整数,但是可以先将指定位数先化为整数进行四舍五入操作,然后在重新除以化为整数的倍数恢复原来的数值即可获得指定位数的小数.

var ws=2

var wsbs=Math.pow(10,ws)

var shuzi = 18.138571

document.write( Math.round(shuzi * wsbs ) / wsbs )

ws为指定小数的位数,wsbs为10的ws次方,为了将小数先化为整数好让round函数先四舍五入,然后再转为原来的大小.

js代码中除了round方法能够将小数转为整数,还有floor()向下取整即正数向下舍入,负数向更大的负数舍入.

Math.floor(0.80)//0

Math.floor(-6.3)//-7

ceil()与floor()相反,他是向上面取整,正数向更大的整数取整,负数向更小的负数取整.

Math.ceil(0.80)//1

Math.ceil(-7.9)// -7

同理,它们都可以像round方法一样,通过先将小数化为整数处理后再将其重新转为小数,只需要将上面代码中的Math.round分别改为Math.ceil或Math.floor.

三、通过substring来直接截取,它可以获得指定位数的小数,不对多余的小数进行舍入操作。

var ws=2

var shuzi = 19.138578

document.write(shuzi.substring(0,s.(".")+ws+1))

首先用到indexOf方法获取小数点再数字中第一次出现的位置,然后加上需要保留的小数点后面的位数以及小数点,通过substring提取字符从第一为到指定位数的字符.

四、正则来截取小数点后面的位数

var ws=2

var shuzi = 19.138578

blsz = num.replace("/([0-9]+\.[0-9]{"+ws+"})[0-9]*/","$1")

alert(blsz)

五、同上也是正则方法

var shuzi = 19.138578

var ws = 2

var blsz = new RegExp("\d+\.\d{" + ws + "}","gm")

alert(shuzi.match(blsz))

两个正则区别在于使用的正则函数方法不同,它们都额可以得到指定位数的小数.

以上就是在js代码中比较实用的几种处理小数点后面的小数位数的方式.