js 千分位格式化|极客笔记

js 千分位格式化

在前端开发中，经常需要对数字进行格式化，其中千分位格式化指的是在数字的千位和万位之间添加逗号，以增强数字的可读性。在本文中，我们将详细讨论如何使用JavaScript来实现千分位格式化。

基本方法

最简单的方法是通过正则表达式来实现千分位格式化。下面是一个基本的实现示例：

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

// 测试
let num = 123456789;
console.log(formatNumber(num)); // 输出: "123,456,789"

在上面的代码中，我们定义了一个formatNumber函数，接受一个数字作为参数，然后通过正则表达式将数字格式化为千分位形式。

使用toLocaleString方法

除了正则表达式，JavaScript还提供了toLocaleString方法，该方法可以根据不同的语言环境将数字格式化为本地化的字符串。我们可以通过设置maximumFractionDigits来控制小数位数，同时设置minimumFractionDigits来控制最小小数位数。下面是一个示例：

function formatNumber(num){
    return num.toLocaleString('en-US');
}

// 测试
let num = 123456789;
console.log(formatNumber(num)); // 输出: "123,456,789"

上面的示例中，我们调用toLocaleString方法并传入en-US参数，表示使用美式英语的本地化方式格式化数字。

考虑小数的情况

在实际开发中，我们经常遇到需要格式化包含小数的数字的情况。在这种情况下，我们需要先将整数部分格式化为千分位，再将小数部分与整数部分拼接起来。下面是一个示例：

function formatNumber(num){
    let parts = num.toString().split('.');
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return parts.join('.');
}

// 测试
let num = 1234567.89;
console.log(formatNumber(num)); // 输出: "1,234,567.89"

在上面的示例中，我们首先将整数部分和小数部分分开，然后分别对整数部分进行千分位格式化，最后再将两部分拼接在一起。