ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で常に小数点以下 2 桁を表示するように数値を確実に書式設定する方法

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

Linda Hamilton
リリース: 2024-12-15 11:52:09
オリジナル
906 人が閲覧しました

How to Reliably Format Numbers to Always Show Two Decimal Places in JavaScript?

小数点以下 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート