如何在 JavaScript 中將數字格式化為貨幣字串？

將數字格式化為貨幣字串

問題陳述：

在JavaScript 中，任務是將價格格式化為貨幣字串。具體來說，目標是創建一個函數，該函數接受浮點數作為參數並傳回格式為「$ 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: 指定最大小數位數

範例

範例

// 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;
});

片段示範了Intl.NumberFormat一些自訂選項的使用：

以上是如何在 JavaScript 中將數字格式化為貨幣字串？的詳細內容。更多資訊請關注PHP中文網其他相關文章！