如何在 JavaScript 中打印带有逗号作为千位分隔符的数字

在 JavaScript 中，我们经常需要格式化数字，其中一个常见需求是将数字按照一定规则格式化，比如加上千位分隔符。在这篇文章中，我们将讨论如何使用 JavaScript 将数字格式化为带有逗号作为千位分隔符的字符串。

使用内置函数

在 JavaScript 中，我们可以使用内置函数 toLocaleString() 来格式化数字，并将其转换为带有逗号作为千位分隔符的字符串。这个函数可以接受两个参数：语言代码和格式化选项。默认情况下，它会使用浏览器的默认语言和格式化选项。下面是一个简单的示例：

const number = 1234567;
const formattedNumber = number.toLocaleString();
console.log(formattedNumber); // '1,234,567' （输出结果会根据不同浏览器所使用语言环境而异）

如上所示，我们只需要将数字传递给 toLocaleString() 函数即可，它会自动将其格式化为带有逗号作为千位分隔符的字符串。需要注意的是，输出结果会根据不同浏览器所使用语言环境而异，比如在中文环境下可能会使用中文的千位分隔符。

使用正则表达式

如果您想自定义千位分隔符的样式，或者想自己编写一个函数来格式化数字，那么可以使用正则表达式来实现。下面是一个示例函数，它可以将数字格式化为带有逗号作为千位分隔符的字符串，其中千位分隔符样式可以自定义：

function formatNumberWithCommas(number, separator = ',') {
  return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, separator);
}

如上所示，这个函数接受两个参数：要格式化的数字和千位分隔符的样式。默认情况下，它会使用逗号作为千位分隔符。

该函数的实现依赖于正则表达式来查找数字中需要插入千位分隔符的位置。它使用了 \B（非单词边界）和 (?=(\d{3})+(?!\d))（正向前瞻）这两个正则表达式元字符，来匹配数字中每个需要插入千位分隔符的位置。具体的正则表达式语法可以参考 MDN 文档。

下面是一个使用示例：

const number = 1234567;
const formattedNumber = formatNumberWithCommas(number);
console.log(formattedNumber); // '1,234,567' （输出结果会根据不同浏览器所使用语言环境而异）

如上所示，我们只需要将数字传递给 formatNumberWithCommas() 函数即可，它会自动将其格式化为带有逗号作为千位分隔符的字符串。如果您想自定义千位分隔符的样式，可以将 separator 参数设为所需的字符串。