1. ホーム
  2. ジャバスクリプト

[解決済み】常に小数点以下2桁を表示する数値の書式設定

2022-03-23 22:39:01

質問

常に小数点以下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>

となることに注意してください。 ラウンド を小数点以下2桁まで入力します。 1.346 が返されます。 1.35 .