JavaScript格式化数字的函数代码

下面是详细讲解“JavaScript格式化数字的函数代码”的完整攻略。

什么是JavaScript格式化数字？

JavaScript格式化数字的作用在于将数字按照一定的规则格式化为易于识别的格式。比如添加千位分隔符，设定小数点位数，设定前缀或后缀等等。

代码实现

下面通过个人的经验，总结了三种实现方式。

方式一：使用正则表达式

JavaScript格式化数字的代码可以通过正则表达式来实现，实现方式如下：

function formatNumber(num) {
  return num.toString().replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,'$&,');
}

这段代码的意思是：将数字转化为字符串，然后使用正则表达式，将字符串中所有的3位数字加上逗号分隔符。

下面展示一个具体的例子：

console.log(formatNumber(100)); // "100"
console.log(formatNumber(1000)); // "1,000"
console.log(formatNumber(9999.99)); // "9,999.99"

方式二：使用Intl.NumberFormat

ES6中提供了一个更简单的方式——使用Intl.NumberFormat，它可以直接格式化数字并返回字符串。使用方式如下：

function formatNumber(num) {
  return new Intl.NumberFormat().format(num);
}

其中，new Intl.NumberFormat()的默认参数即为包含千位分隔符的数字格式。

下面展示一个具体的例子：

console.log(formatNumber(100)); // "100"
console.log(formatNumber(1000)); // "1,000"
console.log(formatNumber(9999.99)); // "9,999.99"

方式三：手动实现

除了上述两种方式，也可以手动实现JavaScript格式化数字的函数代码，比如：

function formatNumber(num) {
  var str = num.toString();
  var split = str.split('.');
  var integer = split[0];
  var decimal = split[1] ? '.' + split[1] : '';

  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(integer)) {
    integer = integer.replace(rgx, '$1' + ',' + '$2');
  }

  return integer + decimal;
}

这段代码的意思是：首先将数字转化为字符串，并将整数部分和小数部分分别存储在变量integer和decimal中；然后使用while循环和正则表达式，将千位分隔符插入integer中；最后将integer和decimal拼接成最终结果。

下面展示一个具体的例子：

console.log(formatNumber(100)); // "100"
console.log(formatNumber(1000)); // "1,000"
console.log(formatNumber(9999.99)); // "9,999.99"

总结

以上就是JavaScript格式化数字的完整攻略了。你可以根据自己的需求选择使用正则表达式、Intl.NumberFormat或手动实现这些方法中的任何一种。