JavaScript千分位格式化函数详解

有志者，事竟成！如果你在学习文章，那么本文《JavaScript数字千分位格式化工具函数》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

答案：JavaScript中实现数字千分位格式化常用toLocaleString()和正则表达式。toLocaleString()支持国际化与小数控制，适合多数场景；正则方式灵活自定义分隔符，适用于需脱离语言环境的定制需求。

JavaScript中实现数字千分位格式化是常见的需求，尤其是在展示金额、统计数据等场景下。通过添加逗号分隔符，可以让大数字更易读。以下是几种常用的实现方式，从简单到灵活，适合不同使用场景。

使用内置方法 toLocaleString()

示例：

const num = 1234567.89;
console.log(num.toLocaleString()); // "1,234,567.89"（中文环境下）

如果只想使用标准千分位格式，可以显式指定语言环境：

console.log(num.toLocaleString('en-US')); // "1,234,567.89"

该方法支持小数位控制：

console.log(num.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })); // "1,234,567.89"

使用正则表达式手动格式化

示例函数：

function formatThousand(num) {
  return String(num).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

说明：

• \B 表示非单词边界
• (?=(\d{3})+(?!\d)) 向前查找每三位数字的位置
• g 标志表示全局替换

使用示例：

console.log(formatThousand(1234567)); // "1,234,567"
console.log(formatThousand(1234.5678)); // "1,234.5678"

注意：此方法适用于整数或含小数的数字字符串，但需确保输入为合法数字。

支持负数和小数的增强版本

完整实现：

function formatNumber(num, separator = ',') {
  if (typeof num !== 'number' && typeof num !== 'string') return '';
  const str = String(Number(num).toFixed(10)); // 转为字符串并防止浮点误差
  const [integer, decimal = ''] = str.split('.');
  const sign = integer.startsWith('-') ? '-' : '';
  const intPart = integer.replace('-', '');
  const formattedInt = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
  return sign + formattedInt + (decimal ? '.' + decimal.replace(/0+$/, '') : '');
}

使用示例：

console.log(formatNumber(1234567.89));     // "1,234,567.89"
console.log(formatNumber(-123456));         // "-123,456"
console.log(formatNumber(0.123456789));     // "0.123456789"

总结

基本上就这些，按需选择即可。

今天关于《JavaScript千分位格式化函数详解》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！