Is there a way to reverse the formatting by Intl.NumberFormat in JavaScript

by

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.

More Related Contents:

  1. JavaScript for detecting browser language preference [duplicate]
  2. How to determine user’s locale within browser?
  3. How does internationalization work in JavaScript?
  4. Get visitors language & country code with javascript (client-side) [duplicate]
  5. How do I localize the jQuery UI Datepicker?
  6. Matching accented characters with Javascript regexes
  7. Localize Strings in Javascript
  8. Change format of md-datepicker in Angular Material with momentjs
  9. How to generate dynamic paths for non-default locales in Next.js?
  10. Best practice javascript and multilanguage
  11. Turkish case conversion in JavaScript
  12. In what JS engines, specifically, are toLowerCase & toUpperCase locale-sensitive?
  13. How to replace numbers in body to Persian numbers?
  14. Resolving spring:messages in javascript for i18n internationalization
  15. JavaScript validation issue with international characters
  16. Regular Expression for Japanese characters
  17. use text-align smartly (if english dir=ltr if arabic dir=rtl)
  18. Writing UTF8 text to file
  19. Capitalizaing a string in JavaScript
  20. how to proportionally scale a div with images inside?
  21. Launch Bootstrap Modal on Page Load
  22. Check if event exists on element [duplicate]
  23. Overriding a JavaScript function while referencing the original
  24. Print specific part of webpage
  25. How to open a file browser with default directory in Javascript?
  26. How to validate a form with multiple checkboxes to have atleast one checked
  27. How to navigate using vue router from Vuex actions
  28. JavaScript style for optional callbacks
  29. JavaScript Object Literals & Array Literals
  30. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?

Leave a Comment