ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で数値を通貨文字列としてフォーマットするにはどうすればよいですか?

JavaScript で数値を通貨文字列としてフォーマットするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-24 11:26:20
オリジナル
937 人が閲覧しました

How Can I Format Numbers as Currency Strings in JavaScript?

JavaScript で数値を通貨文字列として書式設定する

JavaScript で価格を「$ 2,500.00」などの通貨文字列として書式設定するには、次のようにします。国際化によって提供される Intl.NumberFormat 関数を利用できます。 API.

実装:

  1. 数値フォーマッタの初期化:
const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});
ログイン後にコピー
  • 「en-US」はロケールを英語 (ユナイテッド航空) として指定します。
  • 'style' は、書式設定スタイルを 'currency' として設定します。
  • 'currency' は、米ドルの場合は 'USD' などの通貨コードを示します。
  1. を適用します書式設定:
const formattedPrice = formatter.format(amount);
ログイン後にコピー
  • 'amount' は、書式設定される浮動小数点値を表します。
  • 'formattedPrice' は、書式設定された通貨文字列を返します。

カスタマイズオプション:

次のような追加パラメータを利用して、書式設定をさらにカスタマイズできます。

  • minimumFractionDigits: 小数点以下の最小桁数を指定します。表示 (例: minimumFractionDigits: 整数の場合は 0)のみ).
  • maximumFractionDigits: 表示する小数点以下の最大桁数を指定します (例: 小数点以下 2 桁の場合、maximumFractionDigits: 2)。
  • trailingZeroDisplay: 末尾のゼロの表示を制御します (例: 'stripIfInteger' は、入力が整数の場合にゼロを削除します)。

Intl.NumberFormat を利用すると、ロケールを認識した方法で数値を通貨文字列として簡単に書式設定できます。

以上がJavaScript で数値を通貨文字列としてフォーマットするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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