JS 千分位分隔符|极客笔记

JS 千分位分隔符

在开发 Web 应用程序时，经常会遇到需要将数字以千分位分隔符的形式展示的情况。比如，将数字 1000000 显示为 1,000,000。在 JavaScript 中，我们可以通过编写一个函数来实现这个功能，让我们来看看具体的实现步骤吧。

实现思路

要实现数字的千分位分隔符，我们可以按照以下步骤来完成：

将数字转换为字符串。
根据小数点位置将字符串拆分为整数部分和小数部分。
对整数部分添加千分位分隔符。
将整数部分和小数部分重新拼接成一个新的字符串。

代码实现

下面是一个使用 JavaScript 实现千分位分隔符的函数 thousandSeparator：

function thousandSeparator(num) {
    // 将数字转换为字符串
    let strNum = num.toString();

    // 根据小数点位置将字符串拆分为整数部分和小数部分
    let parts = strNum.split('.');
    let integerPart = parts[0];
    let decimalPart = parts[1];

    // 对整数部分添加千分位分隔符
    let result = '';
    let count = 0;
    for (let i = integerPart.length - 1; i >= 0; i--) {
        result = integerPart[i] + result;
        count++;
        if (count % 3 === 0 && i !== 0) {
            result = ',' + result;
        }
    }

    // 将整数部分和小数部分重新拼接成一个新的字符串
    if (decimalPart) {
        result = result + '.' + decimalPart;
    }

    return result;
}

// 示例
console.log(thousandSeparator(1000000)); // 输出 "1,000,000"
console.log(thousandSeparator(1234567.89)); // 输出 "1,234,567.89"

运行上面的代码，我们可以看到输出分别为 "1,000,000" 和 "1,234,567.89"，符合我们的预期。