Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Intl::Intl.NumberFormat.prototype.formatToPartsインスタンスメソッドの使い方

Intl.NumberFormat.prototype.formatToParts()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Intl.NumberFormat.prototype.formatToParts()メソッドは、指定された数値を国際化された書式で文字列に整形した際に、その文字列を構成する各部分に分解して取得するメソッドです。JavaScriptのIntl.NumberFormatオブジェクトは、数値を通貨、パーセンテージ、単位など、地域や言語に応じた適切な形式で表示するために使用されます。このformatToParts()メソッドは、整形された数値全体を一つの文字列として返すformat()メソッドとは異なり、例えば「$1,234.56」という文字列を「通貨記号」「整数部」「グループ区切り記号」「小数部」「小数点」といった個々の要素に分割して扱えるようにします。

戻り値は、各部分の情報を保持するオブジェクトの配列です。それぞれのオブジェクトには、その部分の種類を示すtypeプロパティ(例: "currency", "integer", "fraction", "group"など)と、その部分の実際の文字列値を示すvalueプロパティが含まれます。これにより、整形された数値の特定の箇所にのみスタイルを適用したり、特定の要素に基づいて異なる処理を行ったりするような、より柔軟な表示制御や処理が可能になります。システム開発において、国際対応された数値表示で、詳細なカスタマイズが必要な場合に特に有用です。

構文(syntax)

1const numberFormatter = new Intl.NumberFormat('en-US', { style: 'decimal' });
2const partsArray = numberFormatter.formatToParts(12345.678);

引数(parameters)

number

  • number: number: フォーマットする数値を指定します

戻り値(return)

Array<Object>

指定された数値のフォーマットを、各部分(記号、数字、単位など)に分割したオブジェクトの配列として返します。

関連コンテンツ

関連プログラミング言語