js保留两位小数

前端作者：程序猿 2022-04-30 03:12:26

本文章介绍如何使用js保留两位小数。JS浮点数运算后，会出现多出灵后位数的情况，比如1.0000000001，需要把这个数截取一下才可以放到元素里面正确1.00这样的显示。

功能：将浮点数四舍五入，取小数点后2位

用法：changeTwoDecimal(3.1415926) 返回 3.14

changeTwoDecimal(3.1475926) 返回 3.15

<!doctype html>
<html>
<head>
<meta set="utf-8">
<title>js保留两位小数</title>
</head>
<body>
<script>
// 功能：将浮点数四舍五入，取小数点后2位
function changeTwoDecimal(x)
{
var f_x = parseFloat(x);
if (isNaN(f_x))
{
alert('function:changeTwoDecimal->parameter error');
return false;
}
f_x = Math.round(f_x *100)/100;
return f_x;
}
alert(changeTwoDecimal(100.123456));
</script>
</body>
</html>

js保留2位小数（强制）

对于小数点位数大于2位的，用上面的函数没问题，但是如果小于2位的，比如：

changeTwoDecimal(3.1)，将返回 3.1，如果你一定需要3.10这样的格式，那么需要下面的这个函数：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js保留两位小数</title>
</head>
<body>
<script>
// 功能：将浮点数四舍五入，取小数点后2位，如果不足2位则补0,这个函数返回的是字符串的格式
function changeTwoDecimal_f(x)
{
var f_x = parseFloat(x);
if (isNaN(f_x))
{
alert('function:changeTwoDecimal->parameter error');
return false;
}
f_x = Math.round(f_x*100)/100;
var s_x = f_x.toString();
var pos_decimal = s_x.indexOf('.');
if (pos_decimal < 0)
{
pos_decimal = s_x.length;
s_x += '.';
}
while (s_x.length <= pos_decimal + 2)
{
s_x += '0';
}
return s_x;
}
alert(changeTwoDecimal_f(100.1));
</script>
</body>
</html>