Bagaimana untuk Memformat Nombor sebagai Rentetan Mata Wang dalam JavaScript?

Memformat Nombor sebagai Rentetan Mata Wang

Pernyataan Masalah:

Dalam JavaScript, tugasnya adalah untuk memformatkan harga sebagai rentetan mata wang. Secara khusus, matlamatnya ialah untuk mencipta fungsi yang mengambil apungan sebagai hujah dan mengembalikan rentetan yang diformatkan sebagai "$ 2,500.00".

Penyelesaian:

JavaScript menawarkan penyelesaian yang mudah untuk masalah ini melalui Intl.NumberFormat API.

Intl.NumberFormat

International.NumberFormat API menyediakan cara yang fleksibel untuk memformat nombor mengikut peraturan khusus setempat. Untuk mencipta pemformat mata wang, kami menentukan tempat dan gaya:

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

Memformat Nombor

Setelah pemformat dibuat, kami boleh menggunakannya untuk memformat nombor:

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

Penyesuaian Pilihan

International.NumberFormat API menawarkan pelbagai pilihan penyesuaian untuk melaraskan pemformatan:

• trailingZeroDisplay: Mengawal paparan sifar mengekor. 'stripIfInteger' mengalih keluar sifar mengekor untuk nombor bulat.
• minimumFractionDigits: Menentukan bilangan minimum digit pecahan untuk dipaparkan.
• maximumFractionDigits: Specifications the Digits:
bilangan maksimum digit pecahan kepada paparan.

Contoh

Coretan kod berikut menunjukkan penggunaan Intl.NumberFormat dengan beberapa pilihan penyesuaian:

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

Atas ialah kandungan terperinci Bagaimana untuk Memformat Nombor sebagai Rentetan Mata Wang dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!