Format JavaScript numbers to trim zeroes and have commas

Question

Here's what I need:

121 => 121
14231.439400000 => 14,231.4394
1.123456789 => 1.12345679
-9012.4430001 => -9,012.4430001

I've tried the following: return input.toFixed(8).toLocaleString().replace(/0*$/, '').replace(/\.$/, '');

and that doesn't add commas. I've also looked at numeraljs, but that doesn't have the decimal features I require (specifying up to 8 decimals out, or trimming)

Any help?

possible duplicate of [How to print a number with commas as thousands separators in JavaScript](http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript) — Bergi, Jan 20 '14 at 15:51

score 2 · Accepted Answer · edited May 23 '17 at 10:25

2

This should work on any browser that supports locales and the options described on MDN:

return input.toLocaleString("en", { 
    useGrouping: true, 
    maximumFractionDigits: 8 
});

Demonstration

And here's an alternative solution adapted from Elias Zamaria's answer here:

var x = input.toFixed(8).split('.');
return x[0].replace(/\B(?=(\d{3})+(?!\d))/, ',') + 
       ('.' + x[1]).replace(/\.?0+$/, '');

Demonstration

edited May 23 '17 at 10:25

Community

1
1

answered Jan 20 '14 at 15:57

p.s.w.g

146,324
30
291
331

Browser support seems to be poor… – Bergi Jan 20 '14 at 16:02
@Bergi True `toLocaleString` is highly implementation dependent. See my updated answer for an alternative. – p.s.w.g Jan 20 '14 at 16:47

Hans Westman · Answer 2 · 2018-09-13T06:14:01.920

1

Or if you want to do it yourself:

function fixNumber(number){
    var roundedNumber = Math.round(parseFloat(number) * 100000000) / 100000000,
     numberString = roundedNumber.toString(),
        parts = numberString.split('.'),
        integerPart = parts[0],
        decimalPart = parts.length > 1 ? parts[1] : '';

    integerPart = integerPart.split('').reverse().join('').replace(/(\d{3})/g, '$1,').split('').reverse().join('').replace(/^(-?),/, '$1');
    decimalPart = decimalPart.replace(/0+$/, '');
    
    return decimalPart.length ? integerPart + '.' + decimalPart : integerPart;
}

document.write(fixNumber(121) + '<br>');
document.write(fixNumber(14231.439400000) + '<br>');
document.write(fixNumber(1.123456789) + '<br>');
document.write(fixNumber(-9012.4430001) + '<br>');

JSFiddle

edited Sep 13 '18 at 06:14

answered Jan 20 '14 at 16:13

Hans Westman

839
1
15
28

At first I thought this was really cool, but if you run it on something that's only three digits (like 123) it will return `$,123.123` – jaggedsoft Sep 07 '18 at 19:45
1

Thank you @jaggedsoft for finding an error. I have updated the code sample now. – Hans Westman Sep 13 '18 at 06:15

score 1 · Answer 3 · answered Sep 14 '18 at 08:04

Internationalization Support is now readily available in all browsers and nodejs. The advantage to this is that it's fast and configurable. For example, you can specify a minimum number of decimal precision and a maximum.

// Decimal Style (1,234,56)
let formatter = new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 8 });
formatter.format(1234.5678); // result: "1,234.57"

// Currency Style ($1,234.56)
let formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 2 });
formatter.format(28761232.291); // result: "$28,761,232"

Format JavaScript numbers to trim zeroes and have commas

3 Answers3