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

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

問題ステートメント:

JavaScript では、価格を通貨文字列として書式設定する必要があります。通貨文字列。具体的には、引数として float を受け取り、「$ 2,500.00」という形式の文字列を返す関数を作成することが目標です。

解決策:

JavaScript は、 Intl.NumberFormat によるこの問題の便利な解決策API.

Intl.NumberFormat

Intl.NumberFormat API は、ロケール固有のルールに従って数値をフォーマットする柔軟な方法を提供します。通貨フォーマッタを作成するには、ロケールとスタイルを指定します。

const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});

数値の書式設定

フォーマッタが作成されたら、それを使用して書式設定できます。番号:

let inputValue = 2500;
const formattedValue = formatter.format(inputValue); // Returns "$ 2,500.00"

カスタマイズオプション

Intl.NumberFormat API は、書式設定を調整するためのさまざまなカスタマイズ オプションを提供します。

• trailingZeroDisplay: 末尾のゼロの表示を制御します。 'stripIfInteger' は、整数の末尾のゼロを削除します。
• minimumFractionDigits: 表示する小数部の最小桁数を指定します。
• maximumFractionDigits:小数桁の最大数display.

例

次のコード スニペットは、いくつかのカスタマイズ オプションを使用した Intl.NumberFormat の使用を示しています。

// Create number formatter.
const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  trailingZeroDisplay: 'stripIfInteger',
});

// Get user input.
let input = document.getElementById('amount');

// Apply formatting and display the result.
input.addEventListener('keyup', e => {
  const formattedValue = formatter.format(e.target.value);
  document.getElementById('result').innerText = formattedValue;
});

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