Is there a way to reverse the formatting by Intl.NumberFormat in JavaScript
I have found a workaround:
/**
* Parse a localized number to a float.
* @param {string} stringNumber - the localized number
* @param {string} locale - [optional] the locale that the number is represented in. Omit this parameter to use the current locale.
*/
function parseLocaleNumber(stringNumber, locale) {
var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/\p{Number}/gu, '');
var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/\p{Number}/gu, '');
return parseFloat(stringNumber
.replace(new RegExp('\\' + thousandSeparator, 'g'), '')
.replace(new RegExp('\\' + decimalSeparator), '.')
);
}
Using it like this:
parseLocaleNumber('3.400,5', 'de');
parseLocaleNumber('3.400,5'); // or if you have German locale settings
// results in: 3400.5
Not the nicest solution but it works :-)
If anyone knows a better way of achieving this, feel free to post your answer.
Update
- Wrapped in a complete reusable function
- Using the regex class
\p{Number}
to extract the separator. So that it also works with non-arabic digits. - Using number with 5 places to support languages where numbers are separated at every fourth digit.
Here I have created a function for Reverse of format()
function.
This function will support reverse formatting in all locales.
function reverseFormatNumber(val,locale){
var group = new Intl.NumberFormat(locale).format(1111).replace(/1/g, '');
var decimal = new Intl.NumberFormat(locale).format(1.1).replace(/1/g, '');
var reversedVal = val.replace(new RegExp('\\' + group, 'g'), '');
reversedVal = reversedVal.replace(new RegExp('\\' + decimal, 'g'), '.');
return Number.isNaN(reversedVal)?0:reversedVal;
}
console.log(reverseFormatNumber('1,234.56','en'));
console.log(reverseFormatNumber('1.234,56','de'));