The best way to Internationalize Numbers with JavaScript

Presenting numbers in a readable format takes many varieties, from visible charts to easily including punctuation. These punctuation, nonetheless, are totally different based mostly on internationalization. Some international locations use , for decimal, whereas others use .. Frightened about having to code for all this insanity? Do not — JavaScript offers a way do the exhausting be just right for you!

The Quantity primitive has a toLocaleString technique to do the essential formatting for you:

const worth = 16601.91;

// Fundamental decimal format, no offering locale
// Makes use of locale offered by browser since none outlined
worth.toLocaleString(); // "16,601.91"

// Present a selected locale
worth.toLocaleString('de-DE'); // "16.601,91"

// Formatting forex is feasible
worth.toLocaleString('de-DE', { 
  fashion: 'forex', 
  forex: 'EUR' 
}); // "16.601,91 €"

// You can even use Intl.NumberFormat for formatting
new Intl.NumberFormat('en-US', {
  fashion: 'forex',
  forex: 'EUR'
}).format(worth); // £16,601.91

It is a main aid that JavaScript offers us these kind of helpers in order that we need not depend on bloated third-party libraries. No excuses — the software is there!