格式编号始终显示 2 个小数位

我想将数字格式化为始终显示 2 个小数位，并在适用的情况下四舍五入。

例子：

number     display
------     -------
1          1.00
1.341      1.34
1.345      1.35

我一直在使用这个：

parseFloat(num).toFixed(2);

但是它显示1为1而不是1.00 。

答案

(Math.round(num * 100) / 100).toFixed(2);

现场演示

var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);

var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);

var num3 = "1.345";
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

span {
    border: 1px solid #000;
    margin: 5px;
    padding: 5px;
}

<span id="num1"></span>
<span id="num2"></span>
<span id="num3"></span>

请注意，它将四舍五入到小数点后1.346 ，因此输入1.346将返回1.35 。

Number(1).toFixed(2);         // 1.00
Number(1.341).toFixed(2);     // 1.34
Number(1.345).toFixed(2);     // 1.34 NOTE: See andy's comment below.
Number(1.3450001).toFixed(2); // 1.35

document.getElementById('line1').innerHTML = Number(1).toFixed(2);
document.getElementById('line2').innerHTML = Number(1.341).toFixed(2);
document.getElementById('line3').innerHTML = Number(1.345).toFixed(2);
document.getElementById('line4').innerHTML = Number(1.3450001).toFixed(2);

<span id="line1"></span>
<br/>
<span id="line2"></span>
<br/>
<span id="line3"></span>
<br/>
<span id="line4"></span>

如果value = 1.005则此答案将失败。

作为更好的解决方案，可以通过使用指数表示法表示的数字来避免舍入问题：

Number(Math.round(1.005+'e2')+'e-2'); // 1.01

@Kon 和原始作者建议的更干净的代码：

Number(Math.round(parseFloat(value + 'e' + decimalPlaces)) + 'e-' + decimalPlaces)

您可以在末尾添加toFixed()以保留小数点，例如： 1.00但请注意，它将作为字符串返回。

Number(Math.round(parseFloat(value + 'e' + decimalPlaces)) + 'e-' + decimalPlaces).toFixed(decimalPlaces)

信用： JavaScript 中的舍入小数