How to change commas into dots with JavaScript
I had a problem: I had a string that contained a decimal number, but the user could write it in two ways, using a dot, or a comma:
0,32
0.32
Different countries use different ways to separate the integral part from the decimal part of a number.
So I decided to convert the string to using a dot whenever I found a comma.
I used a simple regular expression to do that:
let value = '0,32'
value = value.replace(/,/g, '.')
//value is now '0.32'
You can do the opposite using replace(/\./g, ',')
(note the \
before the .
to escape it, since it’s a special character in regular expressions)
The g
flag in the regex makes sure that if there are multiple instances of a comma (or dot, in the second example) they are all converted.
This is not something that applies to our use case, and I think we need to do more validation to check the integrity of our input here, but it’s a start.
In my case, after doing this substitution I called parseFloat(value) to get the float from the string, and then I limited the decimals number to 2 using toFixed(2):
value = parseFloat(value).toFixed(2)
I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025