JavaScriptで価格をフォーマットする方法

1. toLocaleString()メソッドを使用する方法:

function formatPrice(price) {
  return price.toLocaleString('ja-JP', { style: 'currency', currency: 'JPY' });
}
var price = 1234.56;
var formattedPrice = formatPrice(price);
console.log(formattedPrice); // 結果: ¥1,234.56

2. Intl.NumberFormatを使用する方法:

function formatPrice(price) {
  var formatter = new Intl.NumberFormat('ja-JP', {
    style: 'currency',
    currency: 'JPY',
  });
  return formatter.format(price);
}
var price = 1234.56;
var formattedPrice = formatPrice(price);
console.log(formattedPrice); // 結果: ¥1,234.56

3. 自作の関数を使用する方法:

function formatPrice(price) {
  var parts = price.toFixed(2).split('.');
  var integerPart = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  var formattedPrice = '¥' + integerPart + '.' + parts[1];
  return formattedPrice;
}
var price = 1234.56;
var formattedPrice = formatPrice(price);
console.log(formattedPrice); // 結果: ¥1,234.56

これらの方法を使用すると、JavaScriptで価格をフォーマットすることができます。toLocalString()メソッドやIntl.NumberFormatを使用すると、ブラウザのロケールに基づいたフォーマットが行われます。自作の関数を使用する場合は、特定のフォーマットを適用することもできます。選択肢は多くありますので、目的や要件に合わせて適切な方法を選択してください。

以上が、JavaScriptで価格をフォーマットする方法に関する説明です。