Intl.NumberFormat を使った通貨フォーマットのマスター

はじめに

この実験では、Intl.NumberFormat メソッドを使用して数値を通貨形式の文字列にフォーマットする方法を学びます。このメソッドを使うことで、国や言語形式に応じた通貨形式に数値をフォーマットすることができます。さまざまな通貨や言語形式でこのメソッドを使って、さまざまな形式の通貨文字列を表示する方法を検討します。

これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この初級レベルの実験の完了率は 100%です。学習者から 94% の好評価を得ています。

数値を通貨形式の文字列に変換する

与えられた数値を通貨形式の文字列にフォーマットするには、toCurrency 関数を使用します。この関数は、数値と通貨コードを引数として受け取り、フォーマットされた文字列を返します。

この関数は、特定の国や通貨に応じたフォーマットを可能にするために Intl.NumberFormat を使用します。また、通貨フォーマットに使用する言語形式を任意で指定することもできます。

const toCurrency = (number, currencyCode, languageFormat) =>
  Intl.NumberFormat(languageFormat, {
    style: "currency",
    currency: currencyCode
  }).format(number);

以下はいくつかの例です。

toCurrency(123456.789, "EUR");
// €123,456.79  | 通貨：ユーロ | 通貨言語形式：ローカル

toCurrency(123456.789, "USD", "en-us");
// $123,456.79  | 通貨：米ドル | 通貨言語形式：英語（アメリカ合衆国）

toCurrency(123456.789, "USD", "fa");
// ۱۲۳٬۴۵۶٫۷۹ ؜$ | 通貨：米ドル | 通貨言語形式：ペルシャ語

toCurrency(322342436423.2435, "JPY");
// ¥322,342,436,423 | 通貨：日本円 | 通貨言語形式：ローカル

toCurrency(322342436423.2435, "JPY", "fi");
// 322 342 436 423 ¥ | 通貨：日本円 | 通貨言語形式：フィンランド語

まとめ

おめでとうございます！数値を通貨形式の文字列に変換する実験を完了しました。技術力を向上させるために、LabEx でさらに多くの実験を行って練習してください。