JS Regex: Adds thousands separator to a number.

numberWithThousands.js

// Adds the thousands separator
function numberWithThousands(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}

Worth noting that for many cases toLocaleString will work just fine:
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

how do you cater for users who have English UK or another language in their browser

If you don't pass a locale parameter, it will get it from the browser.

Thanks but it has failed to work on my browser...
failed to add the thousand seperators
Google Chrome is up to date
Version 74.0.3729.169 (Official Build) (64-bit)

Thanks but it has failed to work on my browser...
failed to add the thousand seperators
Google Chrome is up to date
Version 74.0.3729.169 (Official Build) (64-bit)

Then pass toLocaleString('en-GB')

i think it might be a reactjs problem for not changing the values. Thank you for the help

formatter={(value) => ` ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser={(value) => value.replace(/\$\s?|(,*)/g, '')}

I'm using this, with the comma works fine but i want to use a dot as a thousand separator and a comma for decimals.
But if i put a dot instead of a comma i get this result 2.0.0.0.0.000 can someone help me?

@OmarNassar01 have a look at https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

formatter={(value) => ` ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser={(value) => value.replace(/\$\s?|(,*)/g, '')}

I'm using this, with the comma works fine but i want to use a dot as a thousand separator and a comma for decimals. But if i put a dot instead of a comma i get this result 2.0.0.0.0.000 can someone help me?

@OmarNassar01 Hi, did you find solution?