How do I add a thousand seperator to a number in JavaScript?

Question

Possible Duplicate:
How to format numbers using javascript?

I want to add a thousand seperator, like ., to a number in JavaScript.

1000 -> 1.000
1000000 -> 1.000.000

What is the most elegant way to do that?

Quite some things, but none didn't really work, so I thought it's not worth inserting them here. — js-coder, Mar 16 '12 at 19:02
It's worth at least mentioning them. So that we know you tried and failed. So, what did you try? :) — Sergio Tulentsev, Mar 16 '12 at 19:03
possible duplicate of [How to format numbers using javascript?](http://stackoverflow.com/questions/5731193/how-to-format-numbers-using-javascript) and [Format numbers in javascript](http://stackoverflow.com/questions/1068284/format-numbers-in-javascript). Please use the search before you ask a new question. — Felix Kling, Mar 16 '12 at 19:07

kennebec · Answer 1 · 2013-05-05T01:17:18.443

21

I don't know about elegant...

function addCommas(n){
    var rx=  /(\d+)(\d{3})/;
    return String(n).replace(/^\d+/, function(w){
        while(rx.test(w)){
            w= w.replace(rx, '$1,$2');
        }
        return w;
    });
}

addCommas('123456789456.34');

returned value: (String) 123,456,789,456.34

edited May 05 '13 at 01:17

answered Mar 16 '12 at 19:06

kennebec

102,654
32
106
127

score 6 · Answer 2 · edited May 23 '17 at 10:31

6

Try such a Regexp:

function formatNumber(num)
{
    return ("" + num).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, function($1) { return $1 + "." });
}

alert(formatNumber(100000));

To be honest, I found it here, while was trying to solve your problem.

edited May 23 '17 at 10:31

Community

1
1

answered Mar 16 '12 at 19:15

Just_Mad

4,029
3
22
30

score 3 · Answer 3 · answered Mar 16 '12 at 19:11

Here's my take (just for fun):

var num = 1000000;
var cnt = 0; // temp counter. 
var s = String(num).split('').
                    reverse().
                    map(function(v) { 
                        if (cnt < 2) {
                            cnt += 1; 
                            return v;
                        } else {
                            cnt = 0; 
                            return ',' + v;
                        }
                    }).
                    reverse().
                    join('');
// 1,000,000

Simon · Answer 4 · 2017-04-24T10:19:06.757

3

You can use following code to do the job:

(10000000 + "").split('').reverse().map(function (value, i) {
    return (!(i % 3)) ? "." + value : value;
}).reverse().join('');

edited Apr 24 '17 at 10:19

answered Mar 16 '12 at 19:21

Simon

371
2
11

score 2 · Answer 5 · answered Mar 16 '12 at 19:07

2

Here is a function to add commas, found here: http://www.mredkj.com/javascript/nfbasic.html

function addCommas(nStr)
{
    var sep = ',';
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + sep + '$2');
    }
    return x1 + x2;
}

I modified the code a bit to add var sep = ',';, so you can change your separator easily, depending on the language.

answered Mar 16 '12 at 19:07

Rémi Breton

4,209
2
22
34

Much thanks! I changed the `var sep = ','; ` to `var sep = '.';` and use it like this: `addCommas(price.toFixed(2).replace('.',','))` to get the format like this: `3.426,00` – Olivier Van de Velde Feb 25 '19 at 12:13

How do I add a thousand seperator to a number in JavaScript?

5 Answers5