原文地址: 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保留两位小数的方法:
二、Js取float型小数点后两位数的方法
第一种方法: javascript实现保留两位小数一位自动补零代码实例:
第一种方法介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例:
function returnFloat(value){
var value=Math.round(parseFloat(value)*100)/100
var xsd=value.toString().split(".")
if(xsd.length==1){
value=value.toString()+".00"
return value
}
if(xsd.length>1){
if(xsd[1].length<2){
value=value.toString()+"0"
}
return value
}
}
var num=3.1
console.log(returnFloat(num))
上面的代码实现了我们的要求,下面介绍一下它的实现过程。
代码注释:
1、function returnFloat(value){}, 参数是要被转换的数字。
2、var value=Math.round(parseFloat(value)*100)/100, 这个应该是函数的核心之处,parseFloat(value)将参数转换为浮点数,因为参数有可能是字符串,乘以100是因为要保留两位小数,先将小数点向右移动两个位数,然后再利用Math.round()方法实行四舍五入计算,最后除以100,这样就实现了保留保留两位小数,并且还具有四舍五入效果,但是这个并不完美,如果参数数字本身的小数位数大于等于2是可以的,如3.1415,但是如3或者3.0这样的还是没有完美的实现,继续看下面。
3、var xsd=value.toString().split("."),使用点"."value分隔成一个数组。
4、if(xsd.length==1){value=value.toString()+".00"return value},如果数组的长度是1,也就是说不存在小数,那么就会为这个数字添加两个0,例如3会被转换成3.00。
5、
if(xsd.length>1){
if(xsd[1].length<2){
value=value.toString()+"0"
}
return value
}
if(xsd.length>1)用来判断数字的长度是否大于1,也就是数字是否具有小数,如有小数,但是小数的位数小于2,也就是类似3.1这样的,就会在后面加一个0,也就是会转换为3.10。
第二种方法: 汇总JS中格式化数据保留两位小数的函数的多种方法
最好方法:
保留两位好像是这样吧
var a = 9.39393
alert(a.toFixed(2))
说明:
alert(Number.toFixed(9.39393))
返回的是9.39
但是只有ie5.5以上的版本才支持。