如何在JavaScript中格式化整数输出为每3位数字添加逗号的格式

内置方法实现（推荐） #

JavaScript 自带原生内置能力可以直接实现千分位格式化效果，不需要自行编写复杂逻辑，两种常用调用方式如下：

• 用 Intl.NumberFormat 构造函数实现：

const num = 123456789;
// 指定区域格式为en-US，默认就会输出带千分位逗号的格式
const formatted = new Intl.NumberFormat('en-US').format(num);
console.log(formatted); // 输出 123,456,789

• 用 Number.prototype.toLocaleString() 简化实现，效果和上述方法完全一致：

const num = 123456789;
const formatted = num.toLocaleString('en-US');
console.log(formatted); // 输出 123,456,789

内置方法的优势 #

• 原生支持，无需引入任何第三方依赖
• 自动兼容负数、小数等场景，不需要额外处理边界情况
• 支持多地区格式化规则，只需切换locale参数即可适配不同地区的数字分隔习惯

自行实现方案（仅用于兼容极端老旧环境） #

如果你的运行环境不支持ES5以上标准（目前这种场景已经极少出现），也可以通过正则自己实现基础功能，示例代码如下：

function formatNumberWithCommas(num) {
  // 先转为字符串，通过正则匹配插入逗号
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

console.log(formatNumberWithCommas(123456789)); // 输出 123,456,789

注意：自行实现的函数需要额外处理小数、负数、大数等边界场景，测试覆盖不全面很容易出现BUG，非必要场景优先推荐使用内置方法。

内容的提问来源于stack exchange，提问作者Jesse Micallef