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

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

目的:

目標数値を一貫して小数点以下 2 桁で表示し、次のように丸めます。

例:

number	display
1	1.00
1.341	1.34
1.345	1.35

初期アプローチ:

parseFloat(num).toFixed(2) を使用する;数値の書式設定は、必要な小数点を除いて 1 のような値が表示されるため、失敗しました。

解決策:

必要な書式設定を実現するには、次のコマンドを使用します。式:

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

説明:

この解決策には 3 つの重要な手順が含まれます:

1. 100 を掛ける: このステップにより、小数点が右に 2 桁シフトされ、重要な値を失うことなく正確な丸めが可能になります。
2. 結果を四捨五入します: Math.round() を適用して、値を最も近い整数に丸めます。
3. 100 で割ります:この手順により、小数点が元の位置に戻り、数値が小数点以下 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);

出力:

number	display
1	1.00
1.341	1.34
1.345	1.35

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