如何使用JavaScript使用逗号格式化数字？

我有一个HTML表格，里面有一些数据作为数字。我想做的是格式化数字；目前我有123456，我希望它的格式像1,23456

我在后端尝试了Java数字格式，但在查询中我使用了

round（sum（amount））

所以无法在UI上获得该格式，因为我只使用JavaScript操作json。我想通过JavaScript实现这一点

这是我的密码

 data= [
  {
    "amount": 291589,
    "billdate": "2018-08-01",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 58337,
    "billdate": "2018-08-01",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 65970,
    "billdate": "2018-08-01",
    "outlet": "KOLAR"
  },
  {
    "amount": 296125,
    "billdate": "2018-08-02",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 56545,
    "billdate": "2018-08-02",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 72213,
    "billdate": "2018-08-02",
    "outlet": "KOLAR"
  },
  {
    "amount": 346605,
    "billdate": "2018-08-03",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 62459,
    "billdate": "2018-08-03",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 65248,
    "billdate": "2018-08-03",
    "outlet": "KOLAR"
  },
  {
    "amount": 518212,
    "billdate": "2018-08-04",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 104801,
    "billdate": "2018-08-04",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 138151,
    "billdate": "2018-08-04",
    "outlet": "KOLAR"
  },
  {
    "amount": 628358,
    "billdate": "2018-08-05",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 115223,
    "billdate": "2018-08-05",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 134107,
    "billdate": "2018-08-05",
    "outlet": "KOLAR"
  },
  {
    "amount": 177866,
    "billdate": "2018-08-06",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 66095,
    "billdate": "2018-08-06",
    "outlet": "KOLAR"
  },
  {
    "amount": 284069,
    "billdate": "2018-08-07",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 58789,
    "billdate": "2018-08-07",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 67886,
    "billdate": "2018-08-07",
    "outlet": "KOLAR"
  },
  {
    "amount": 313128,
    "billdate": "2018-08-08",
    "outlet": "JAYANAGAR"
  },
  {
    "amount": 59939,
    "billdate": "2018-08-08",
    "outlet": "MALLESHWARAM"
  },
  {
    "amount": 68558,
    "billdate": "2018-08-08",
    "outlet": "KOLAR"
  }
]

let formatData = function (data) {

                let billdates = [];
                let outlets = [];
                data.forEach(element => {
                    if (billdates.indexOf(element.billdate) == -1) {
                        billdates.push(element.billdate);
                    }
                    if (outlets.indexOf(element.outlet) == -1) {
                        outlets.push(element.outlet);
                    }
                });
                return {
                    data: data,
                    billdates: billdates,
                    outlets: outlets,

                };
            };



            let renderTable = function (data) {
                billdates = data.billdates;
                outlets = data.outlets;
                data = data.data;
                let tbl = document.getElementById("tbl");
                let table = document.createElement("table");
                let thead = document.createElement("thead");
                let headerRow = document.createElement("tr");
                let th = document.createElement("th");
                th.innerHTML = "Bill___Date";
                th.classList.add("text-center");
                headerRow.appendChild(th);
                let grandTotal = 0;
                let outletWiseTotal = {};
                th = document.createElement("th");
                th.innerHTML = "Total";
               th.classList.add("text-center");
                headerRow.appendChild(th);
                outlets.forEach(element => {
                    th = document.createElement("th");
                    th.innerHTML = element;
                   th.classList.add("text-center");
                    headerRow.appendChild(th);
                    outletWiseTotal[element] = 0;
                    data.forEach(el => {
                        if (el.outlet == element) {
                            outletWiseTotal[element] += parseInt(el.amount);
                        }
                    });
                    grandTotal += outletWiseTotal[element];
                });

                thead.appendChild(headerRow);
                headerRow = document.createElement("tr");
                th = document.createElement("th");
                th.innerHTML = "Total";
              th.classList.add("text-center");

                headerRow.appendChild(th);

                outlets.forEach(element => {
                    th = document.createElement("th");
                    th.innerHTML = outletWiseTotal[element];
                    th.classList.add("text-right");   //ol totals
                    headerRow.appendChild(th);
                });
                th = document.createElement("th");
                th.innerHTML = grandTotal;
                 th.classList.add("text-right");  // grand total
         /*  console.log(grandTotal);*/
               // headerRow.appendChild(th);
           headerRow.insertBefore(th , headerRow.children[1] );
                thead.appendChild(headerRow);
                table.appendChild(thead);

                let tbody = document.createElement("tbody");


                billdates.forEach(element => {
                    let row = document.createElement("tr");  
                    td = document.createElement("td");
                    td.innerHTML = element;
                    row.appendChild(td);
                    let total = 0;
                    outlets.forEach(outlet => {
                        let el = 0;
                        data.forEach(d => {
                            if (d.billdate == element && d.outlet == outlet) {
                                total += parseInt(d.amount);
                                el = d.amount;
                            }
                        });
                        td = document.createElement("td");
                        td.innerHTML = el;
                        td.classList.add("text-right"); //oldata
                        row.appendChild(td);
                    });
                    /*console.log("row is : " , row.children )*/
                    td = document.createElement("td");
                    td.innerHTML = total;
                    td.classList.add("text-right"); //column total
                   // row.appendChild(td);
                    row.insertBefore(td , row.children[1] );
                    tbody.appendChild(row);
                });

                table.appendChild(tbody);

                tbl.innerHTML = "";
                tbl.appendChild(table);
                table.classList.add("table");
                table.classList.add("table-striped");
                table.classList.add("table-bordered");
            }
            let formatedData = formatData(data);
            renderTable(formatedData);

数据=[
{
“金额”：291589，
“账单日期”：“2018-08-01”，
“出口”：“JAYANAGAR”
},
{
“金额”：58337，
“账单日期”：“2018-08-01”，
“出口”：“MALLESHWARAM”
},
{
“金额”：65970，
“账单日期”：“2018-08-01”，
“出口”：“科拉尔”
},
{
“金额”：296125，
“账单日期”：“2018-08-02”，
“出口”：“JAYANAGAR”
},
{
“金额”：56545，
“账单日期”：“2018-08-02”，
“出口”：“MALLESHWARAM”
},
{
“金额”：72213，
“账单日期”：“2018-08-02”，
“出口”：“科拉尔”
},
{
“金额”：346605，
“账单日期”：“2018-08-03”，
“出口”：“JAYANAGAR”
},
{
“金额”：62459，
“账单日期”：“2018-08-03”，
“出口”：“MALLESHWARAM”
},
{
“金额”：65248，
“账单日期”：“2018-08-03”，
“出口”：“科拉尔”
},
{
“金额”：518212，
“账单日期”：“2018-08-04”，
“出口”：“JAYANAGAR”
},
{
“金额”：104801，
“账单日期”：“2018-08-04”，
“出口”：“MALLESHWARAM”
},
{
“金额”：138151，
“账单日期”：“2018-08-04”，
“出口”：“科拉尔”
},
{
“金额”：628358，
“账单日期”：“2018-08-05”，
“出口”：“JAYANAGAR”
},
{
“金额”：115223，
“账单日期”：“2018-08-05”，
“出口”：“MALLESHWARAM”
},
{
“金额”：134107，
“账单日期”：“2018-08-05”，
“出口”：“科拉尔”
},
{
“金额”：177866，
“账单日期”：“2018-08-06”，
“出口”：“JAYANAGAR”
},
{
“金额”：66095，
“账单日期”：“2018-08-06”，
“出口”：“科拉尔”
},
{
“金额”：284069，
“账单日期”：“2018-08-07”，
“出口”：“JAYANAGAR”
},
{
“金额”：58789，
“账单日期”：“2018-08-07”，
“出口”：“MALLESHWARAM”
},
{
“金额”：67886，
“账单日期”：“2018-08-07”，
“出口”：“科拉尔”
},
{
“金额”：313128，
“账单日期”：“2018-08-08”，
“出口”：“JAYANAGAR”
},
{
“金额”：59939，
“账单日期”：“2018-08-08”，
“出口”：“MALLESHWARAM”
},
{
“金额”：68558，
“账单日期”：“2018-08-08”，
“出口”：“科拉尔”
}
]
让formatData=函数（数据）{
让billdates=[]；
让出口=[]；
data.forEach（元素=>{
if（billdates.indexOf（element.billdate）=-1）{
推送（element.billdate）；
}
if（出口指数）（元件出口）=-1）{
插座。推动（元件。插座）；
}
});
返回{
数据：数据，
billdates:billdates，
出口：出口，
};
};
让renderTable=函数（数据）{
billdates=data.billdates；
出口=数据出口；
data=data.data；
设tbl=document.getElementById（“tbl”）；
让table=document.createElement（“table”）；
设thead=document.createElement（“thead”）；
让headerRow=document.createElement（“tr”）；
设th=document.createElement（“th”）；
th.innerHTML=“账单日期”；
添加（“文本中心”）；
头颅附属器（th）；
设grandTotal=0；
让outletWiseTotal={}；
th=document.createElement（“th”）；
th.innerHTML=“总计”；
添加（“文本中心”）；
头颅附属器（th）；
outlets.forEach（元素=>{
th=document.createElement（“th”）；
th.innerHTML=元素；
添加（“文本中心”）；
头颅附属器（th）；
outletWiseTotal[元素]=0；
data.forEach（el=>{
如果（出口标高==元件）{
outletWiseTotal[element]+=parseInt（el.amount）；
}
});
grandTotal+=outletWiseTotal[元素]；
});
附肢儿童（头颅）；
headerRow=document.createElement（“tr”）；
th=document.createElement（“th”）；
th.innerHTML=“总计”；
添加（“文本中心”）；
头颅附属器（th）；
outlets.forEach（元素=>{
th=document.createElement（“th”）；
th.innerHTML=outletWiseTotal[element]；
th.classList.add（“文本右侧”）；//ol总计
头颅附属器（th）；
});
th=document.createElement（“th”）；
th.innerHTML=grandTotal；
th.classList.add（“文本右侧”）；//总计
/*控制台日志（总计）*/
//头颅附属器（th）；
headerRow.insertBefore（th，headerRow.children[1]）；
附肢儿童（头颅）；
表1.儿童（thead）；
让tbody=document.createElement（“tbody”）；
billdates.forEach（元素=>{
让row=document.createElement（“tr”）；
td=document.createElement（“td”）；
td.innerHTML=元素；
世界其他地区（td）；
设total=0；
outlets.forEach（outlets=>{
设el=0；
data.forEach（d=>{
如果（d.billdate==元素&d.outlet==出口）
let numberFormat = (str) => str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

function numberFormat(str){
    return str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}