下面是两个不同的浏览器API，它们可以将数字转换为结构化字符串。请记住，并非所有用户的计算机都具有在数字中使用逗号的区域设置。要在输出中强制使用逗号，可以使用任何“西部”语言环境，例如en-US

let number = 1234567890; // Example number to be converted

⚠️ 注意javascript的最大整数值为9007199254740991

到LocaleString

// default behaviour on a machine with a local that uses commas for numbers
let number = 1234567890;
number.toLocaleString(); // "1,234,567,890"

// With custom settings, forcing a "US" locale to guarantee commas in output
let number2 = 1234.56789; // floating point example
number2.toLocaleString('en-US', {maximumFractionDigits:2}); // "1,234.57"

//You can also force a minimum of 2 trailing digits
let number3 = 1.5;
number3.toLocaleString('en-US', {minimumFractionDigits:2, maximumFractionDigits:2}); //"1.50"

数字格式

let number = 1234567890;
let nf = new Intl.NumberFormat('en-US');
nf.format(number); // "1,234,567,890"

根据我的检查（至少是Firefox），它们在性能方面或多或少都是相同的。

⚡ 现场演示：https://codepen.io/vsync/pen/MWjdbgL?editors=1000

另一种复杂度为n（数学楼层（str.length/3））而不是n（str.lngth）的方法

function formatNumber(num) {
  let str = String(num)
  
  if (num < 1000) return str

  let result = ''

  for (let i = Math.floor(str.length / 3); i >= 0; i--) {
    let start = str.length - 3 * (i + 1)
    let end = start + 3

    result +=
      (end ? str.slice(Math.max(0, start), end) : '') + (end && i ? ',' : '')
  }

  return result
}

我写了这篇文章，然后才跌跌撞撞地登上了这篇帖子。没有正则表达式，您实际上可以理解代码。

$（函数）{函数insertCommas{//在点之前得到东西var d=s.indexOf（'.'）；变量s2=d===-1？s：s切片（0，d）；//从右起每3位插入逗号对于（var i=s2.length-3；i>0；i-=3）s2=s2.切片（0，i）+'，'+s2.切片，i）；//附加小数部分如果（d！==-1）s2+=s切片（d）；返回s2；}$（'#theDeAbides'）.text（插入逗号（'1234567.89012'））；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><div id=“theudeAbides”></div>

我想我应该分享一个小技巧，我正在使用它来格式化大数字。我没有插入逗号或空格，而是在“千”之间插入一个空的但可见的跨度。这使得数千个输入很容易看到，但它允许以原始格式复制/粘贴输入，不使用逗号/空格。

// This function accepts an integer, and produces a piece of HTML that shows it nicely with 
// some empty space at "thousand" markers. 
// Note, these space are not spaces, if you copy paste, they will not be visible.
function valPrettyPrint(orgVal) {
  // Save after-comma text, if present
  var period = orgVal.indexOf(".");
  var frac = period >= 0 ? orgVal.substr(period) : "";
  // Work on input as an integer
  var val = "" + Math.trunc(orgVal);
  var res = "";
  while (val.length > 0) {
    res = val.substr(Math.max(0, val.length - 3), 3) + res;
    val = val.substr(0, val.length - 3);
    if (val.length > 0) {
        res = "<span class='thousandsSeparator'></span>" + res;
    }
  }
  // Add the saved after-period information
  res += frac;
  return res;
}

使用此CSS：

.thousandsSeparator {
  display : inline;
  padding-left : 4px;
}

请参见示例JSFiddle。

还有一个。。（对于问题所问的int）

function insertCommas(str)
{
    var a = str.split("");
    a.reverse();

    var t, i = 0, arr = Array();

    while (t = a.shift())
    {
       if (((i++ % 3) == 0) && arr.length > 0)
           arr.unshift(",");
       arr.unshift(t);
    }

    return arr.join("");
}

我建议使用phpjs.org的number_format（）

function number_format(number, decimals, dec_point, thousands_sep) {
    var n = !isFinite(+number) ? 0 : +number, 
        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
        toFixedFix = function (n, prec) {
            // Fix for IE parseFloat(0.55).toFixed(0) = 0;
            var k = Math.pow(10, prec);
            return Math.round(n * k) / k;
        },
        s = (prec ? toFixedFix(n, prec) : Math.round(n)).toString().split('.');
    if (s[0].length > 3) {
        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
    }
    if ((s[1] || '').length < prec) {
        s[1] = s[1] || '';
        s[1] += new Array(prec - s[1].length + 1).join('0');
    }
    return s.join(dec);
}

2014年2月13日更新

人们一直在报告这并不像预期的那样奏效，所以我做了一个包含自动化测试的JSFiddle。

更新日期：2017年11月26日

这是一个稍微修改了输出的堆栈片段：

函数number_format（数字，小数，小数点，千位整）{变量n=！是有限的（+数字）？0:+数字，prec=！是有限的（+小数）？0：数学abs（小数），sep=（typeof thousands_sep===“undefined”）？“，”：千分之一秒，dec=（dec_point类型==“未定义”）？“.”：dec_点，toFixedFix=函数（n，prec）{//修复IE parseFloat（0.55）.toFixed（0）=0；var k=数学功率（10，prec）；return数学舍入（n*k）/k；},s=（prec？toFixedFix（n，prec）：数学舍入（n））.toString（）.split（'.'）；如果（s[0]。长度>3）{s[0]=s[0]。替换（/\B（？=（？：\d｛3｝）+（？！\d））/g，sep）；}if（（s[1]||''）.length<prec）{s[1]=s[1]| |“”；s[1]+=新数组（prec-s[1].length+1）.join（'0'）；}return s.join（十二月）；}var exampleNumber=1；函数测试（预期，数字，小数，小数点，千分位）{var actual=number_format（数字，小数，小数点，千位整）；控制台日志('测试用例'+exampleNumber+'：'+'（小数：'+（小数类型=='未定义'？'（默认）'：小数）+'，dec_point:“'+（dec_point类型=='未定义'？'（默认）'：dec_point）+'”'+'，thousands_sep:“'+（类型的thousands-sep==='未定义'？'（默认值）'：thousand_sep）+'”）');console.log（'=>'+（实际==预期？'通过'：'失败'）+'，得到“'+实际+'”，预期“'+预期+'”。'）；示例编号++；}测试（'1235'，1234.56）；测试（'1234,56'，1234.56，2，'，'，''）；测试（'1234.57'，1234.5678，2，'.'，''）；测试（'67,00'，67，2，'，'，'.'）；测试（“1000”，1000）；测试（‘67.31’，67.311，2）；试验（‘1000.6’，1000.55，1）；测试（'67.00000000'，67000，5，'，'，'.'）；测试（'1'，0.9，0）；试验（‘1.20’，‘1.20‘，2）；测试（‘12000’，‘1.20’，4）；测试（'1.200'，'1.2000'，3）；.作为控制台包装{最大高度：100%！重要的}