带有逗号的 JavaScript 友好数字格式

在前端开发中，通常需要将数字按一定的格式进行显示。一种比较常见的格式是带有千位分隔符的格式，即在每三个数字之间添加一个逗号，以方便用户的识别。在 JavaScript 中，我们可以使用一些内置函数或者自定义函数来实现这个功能。

内置函数实现

在 ECMAScript 5 中，JavaScript 提供了内置函数 toLocaleString() 来将数字转换为带有逗号的格式。这个函数可以接收两个参数：locales 和 options。其中，locales 参数表示地区或语言环境，options 参数表示格式化选项。如果不传入这两个参数，则默认使用浏览器的本地语言环境和默认选项。

下面是一个简单的例子：

const number = 1234567.89;
console.log(number.toLocaleString()); // "1,234,567.89"（在英语环境下）

我们可以看到，这个函数可以很方便地将数字转换为带有逗号的格式。但是需要注意的是，这个函数返回的是字符串类型，而不是数字类型。

自定义函数实现

除了使用内置函数外，我们还可以自定义一个函数来实现这个功能。下面是一种常见的实现方式：

function formatNumber(num) {
  if (typeof num !== 'number') {
    throw new Error('Argument must be a number');
  }
  const str = num.toString();
  const pattern = /(-?\d+)(\d{3})/;
  while (pattern.test(str)) {
    str = str.replace(pattern, '$1,$2');
  }
  return str;
}
console.log(formatNumber(1234567.89)); // "1,234,567.89"

这个函数的实现方式是将数字转换为字符串，然后使用正则表达式在数字前面插入逗号。需要注意的是，由于 JavaScript 中的数字是原始类型，所以我们需要先判断传入的参数是否是一个数字类型。

性能对比

对于小规模数据的处理来说，两种方法的性能基本是没有差别的。但是在处理大规模数据时，内置函数 toLocaleString() 会比自定义函数更快一些。如果需要对大量数据进行处理，建议使用内置函数。

总结

在 JavaScript 中，我们需要经常对数字进行格式化处理。带有逗号的格式是一种常见的格式，可以方便用户的识别。在实现这个功能时，我们可以使用内置函数 toLocaleString() 或者自定义函数来实现。如果需要对大量数据进行处理，建议使用内置函数。