JavaScript で常に小数点以下 2 桁を表示するように数値を確実に書式設定する方法

小数点以下 2 桁を常に表示するように数値を書式設定する

指定されたタスクでは、数値を常に小数点以下 2 桁を表示する形式に変換し、必要に応じて四捨五入します。 parseFloat(num).toFixed(2) を使用するアプローチは基本的な変換を達成できますが、整数を扱う場合には不十分です。

改善された解決策:

に対処するにはこの問題に関しては、より堅牢な解決策が考えられます。採用:

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

説明:

1. Math.round(num * 100): 数値を 100 で乗算し、最も近い整数に丸めます。これにより、整数であっても、数値が小数点以下 2 桁の文字列に効果的に変換されます。
2. (Math.round(num * 100) / 100): 結果を 100 で除算して、数値の元の位取りを復元します。
3. .toFixed(2): 結果を小数点第 2 位で切り捨て、四捨五入します。

例:

var num1 = "1";
var num2 = "1.341";
var num3 = "1.345";

document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

出力:

<span>

以上がJavaScript で常に小数点以下 2 桁を表示するように数値を確実に書式設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。