Yesterday we saw how to get a monthโs name using the toLocalString function.
This made me wonder what else it could be used for, and as it turns out, we can use it for Numbers as well!
So in todayโs tutorial, we will learn how to use the toLocaleString method on numbers and currencies.
JavaScript Number toLocaleString function
The syntax for this method is the same as we saw yesterday when converting a date object.
number.toLocaleString('locale', { options });
We donโt have to pass any arguments in the default way, and we will get the browserโs default.
const number = 123456.789;
console.log(number.toLocaleString());
// 123,456.789
Number toLocaleString for different countries
To use different locales for country and language codes, we can pass along the locale parameters as follows:
console.log(number.toLocaleString('nl-NL'));
// 123.456,789
console.log(number.toLocaleString('en-US'));
// 123,456.789
console.log(number.toLocaleString('en-IN'));
// 1,23,456.789
Number.toLocaleString for currencies
The toLocaleString method has a lot of available options. We want to convert a number to a local currency format.
By passing a style of currency with a currency name, we can convert the number in e.g., EUR, USD, or INR.
console.log(
number.toLocaleString('nl-NL', { style: 'currency', currency: 'EUR' })
);
// โฌ 123.456,79
console.log(
number.toLocaleString('en-US', { style: 'currency', currency: 'USD' })
);
// $123,456.79
console.log(
number.toLocaleString('en-IN', { style: 'currency', currency: 'INR' })
);
// โน1,23,456.79
Awesome right?
Other Options
Other style options we can use with the method are:
- decimal
- percent
- unit (Find all units here)
View the code examples in this Codepen
See the Pen Vanilla JavaScript Number toLocaleString by Chris Bongers (@rebelchris) on CodePen.
Browser Support
This JavaScript method is widely supported. Feel free to use it.
toLocaleString browser support
Thank you for reading, and letโs connect!
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter
