formatting integer into string numbers in jQuery

Question

I have a number such as 50000 in the following variable:

var i = 50000

and I want to format it as a string such that it prints out 50.000,00 . What is the easiest way in jQuery to do this aside from using a plugin, such as the numbers plugin.

If you don't want to use any plugin - why did you mention jquery? — zerkms, Jun 28 '13 at 04:19
@adit: have you checked http://api.jquery.com/ for available functions? — zerkms, Jun 28 '13 at 04:21
http://stackoverflow.com/questions/10809136/how-to-format-numbers-with-white-spaces-between-thousands/10809178#10809178 — Derek 朕會功夫, Jun 28 '13 at 04:21
@HMR yes number is always an integer. It can be 2 digit 3 digit, etc.. — adit, Jun 28 '13 at 04:22
Then Derek has already answered the question using a regexp. From his answer with a slight change: `console.log(value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".")+",00");` — HMR, Jun 28 '13 at 04:28

score 5 · Answer 1 · edited May 23 '17 at 10:29

5

var value = 50000.69,
    formatted = value.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",");

console.log(formatted);

Native JavaScript, and you don't even need jQuery or any plugin. Very flexible as you can modify the regex however you want.

As HMR mentioned, use the following code for your specified format:

formatted = value.replace(".",",").replace(/\B(?=(\d{3})+(?!\d))/g, ".");

Add .toFixed(2) if you want a maximum of 2 digits after the decimal point, but I'm sure you get it. ;)

edited May 23 '17 at 10:29

Community

1
1

answered Jun 28 '13 at 04:23

Derek 朕會功夫

92,235
44
185
247

1

You got it slightly worng; dot is the thousand seporator and comma is the decimal seporator you could do: formatted = `value.toFixed(2).replace(".",",").replace(/\B(?=(\d{3})+(?!\d))/g, ".");` – HMR Jun 28 '13 at 04:32
@HMR - Not used to using `.` as the thousand separator :P And thanks for the suggestion for using `toFixed`. – Derek 朕會功夫 Jun 28 '13 at 04:34

score 0 · Answer 2 · answered Jun 28 '13 at 04:25

You could try the JS version of the PHP function number_format, by the PHP.js project:
http://phpjs.org/functions/number_format/

number_format(50000, 2, ',', '.');

It's very flexible, if that's something you're going to need.

Another way is to use or base yourself in the underscore.string approach, which actually looks like PHP.js's one.

formatting integer into string numbers in jQuery

2 Answers2