Format Whole Numbers JavaScript with Commas

Question

I want to format a number (225121894) so its formatted as 225,121,894 I pull all the numbers from a JSON and sort and process. Here is my code

function getTestStats(jsonData)
    {
       let totalTest = 0 
       let totalCases = 0
       
       jsonData.map(covid =>
       {
           if(covid.tested !== "NA") totalTest += Number(covid.tested)
       })
       document.getElementById('covidTestStatPG').innerHTML += `${totalTest}`
            
    }

already answered here: https://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript — MVB76, Nov 06 '20 at 23:08

score 2 · Answer 1 · answered Nov 06 '20 at 23:18

Try using Number.toLocaleString(). Not only does this handle the problem of comma-separation, but it handles any type of locale-standard display settings. Below, I use en-US, but not every country/region formats commas the same, so this allows you to change as needed (i.e., to en-IN for Indian-English, etc.) without coding it up yourself everytime...

var number = 123456789;

console.log(number.toLocaleString('en-US'));

score 1 · Accepted Answer · edited Nov 06 '20 at 23:20

1

/*
 CODE FOR NUMBER FORMAT
*/
function numFormat(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

console.log( numFormat(224405) );



/*
  YOUR CODE
*/

var jsonData = [{tested:"225121894"}]; // Dummay JSON Data

function getTestStats(jsonData)
    {
       let totalTest = 0 
       let totalCases = 0
       
       jsonData.map(covid =>
       {
           if(covid.tested !== "NA") totalTest += Number(covid.tested)
       })
       
       
       document.getElementById('covidTestStatPG').innerHTML += `${numFormat(totalTest)}`
            
    }
    
    getTestStats(jsonData)

<div id="covidTestStatPG"></div>

edited Nov 06 '20 at 23:20

user229044

232,980
40
330
338

answered Nov 06 '20 at 23:07

GMKHussain

3,342
1
21
19

1

Please don't decorate your posts with unnecessary formatting and emoji. – user229044 Nov 06 '20 at 23:21
Thanks, This worked Thank You! – Sean Mcavoy Nov 06 '20 at 23:31

score 0 · Answer 3 · answered Nov 06 '20 at 23:08

You may want to check out Intl.NumberFormat.

I've used it before as follows (this is typescript but you get the idea):

const locale = "en-US";
static formatNumber(rawNumber?: number) {
  return rawNumber ? Intl.NumberFormat(locale).format(rawNumber) : "-";
}

Format Whole Numbers JavaScript with Commas

3 Answers3