js实现千位分隔

在前端开发中，我们常会遇到需要对数值进行千位分隔的情况，即将数值以3位一组的形式进行分隔，并用逗号将其连接起来展示在页面上，以提高数字的可读性。下面，我们来介绍一下如何使用Js实现千位分隔。

方法一：正则表达式

正则表达式是一种强大的文本处理工具，可以用来进行字符串的匹配和替换，也可以用来实现千位分隔。实现方式如下：

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

该方法中使用了正则表达式的非捕获零宽度正预测，将3位数字后面的位置替换为逗号。这里 \B 表示非单词边界，即在数字间的位置进行替换。

方法二：toLocaleString()

Javascript提供了内置的方法toLocaleString()，可以将数值格式化为具有区域特定分隔符的字符串。具体实现如下：

function formatNumber(num) {
  return num.toLocaleString();
}

该方法直接调用toLocaleString()方法，即可得到千位分隔后的字符串，其缺点是只能适用于部分地域格式，无法得到特定的分隔符。

方法三：自定义实现

除了以上两种方法外，我们还可以自定义实现千位分隔的javascript函数。实现方式如下：

function formatNumber(num) {
  var str = num.toString();
  var result = '';
  var count = 0;
  for (var i = str.length - 1; i >= 0; i--) {
    count++;
    result = str.charAt(i) + result;
    if (count % 3 === 0 && i !== 0) {
      result = ',' + result;
    }
  }
  return result;
}

该方法通过将数字转为字符串，然后从字符串末位开始遍历，每隔3个数添加一个逗号，一直到最终结果。

总结

以上三种方法都可以实现数值千位分隔的效果，具体选择哪一种方法，可以根据具体需求和场景来决定。正则表达式比较简便，但是不支持自定义分隔符；toLocaleString()方法适用于特定的区域格式，但是不支持自定义分隔符；自定义实现能够自由定制分隔符，但是代码较多。我们可以根据具体情况选择最为适合的一种方法。