如何让Number.toFixed()自动缩放至首个非重复数字适配百分比展示？

需求规则 #

• 1% - 99%区间：显示整数（直接取整，不保留小数）
• 低于1%：自动显示到首个非0数字位（截断到该位置）
• 高于99%：自动显示到首个非9数字位（截断到该位置）

示例验证 #

高值（>99%）格式化

99.9135335 => "99.91%"
99.9953 => "99.995%"
99.999923153 => "99.99992%"
99.999999999999999992342 => "99.999999999999999992%"

中间区间（1%-99%）格式化

98.2353 => "98%"
55.0234 => "55%"
1.53243 => "1%"

低值（<1%）格式化

0.932 => "0.9%"
0.013523 => "0.01%"
0.00344 => "0.003%"
0.0000001343 => "0.0000001%"

实现代码 #

下面是基于JavaScript的实现函数，可直接使用：

function formatPercentage(num) {
    // 处理非数字输入
    if (typeof num !== 'number' || isNaN(num)) {
        return '0%';
    }

    // 1%-99%区间：取整数
    if (num >= 1 && num <= 99) {
        return `${Math.trunc(num)}%`;
    }

    // 高于99%的情况：找首个非9的小数位
    if (num > 99) {
        const str = num.toString();
        const decimalIndex = str.indexOf('.');
        // 无小数的情况（如100）
        if (decimalIndex === -1) {
            return `${num}%`;
        }
        const decimalPart = str.slice(decimalIndex + 1);
        let keepDigits = 0;
        for (let i = 0; i < decimalPart.length; i++) {
            keepDigits = i + 1;
            if (decimalPart[i] !== '9') {
                break;
            }
        }
        const formatted = num.toFixed(keepDigits);
        // 去掉末尾冗余的0和小数点
        return `${formatted.replace(/\.?0+$/, '')}%`;
    }

    // 低于1%的情况：找首个非0的小数位
    if (num < 1) {
        const str = num.toString();
        const decimalIndex = str.indexOf('.');
        if (decimalIndex === -1) {
            return `${num}%`;
        }
        const decimalPart = str.slice(decimalIndex + 1);
        let keepDigits = 0;
        for (let i = 0; i < decimalPart.length; i++) {
            keepDigits = i + 1;
            if (decimalPart[i] !== '0') {
                break;
            }
        }
        const formatted = num.toFixed(keepDigits);
        return `${formatted.replace(/\.?0+$/, '')}%`;
    }
}

// 测试示例
console.log(formatPercentage(99.9135335)); // 输出 "99.91%"
console.log(formatPercentage(99.9953)); // 输出 "99.995%"
console.log(formatPercentage(99.999923153)); // 输出 "99.99992%"
console.log(formatPercentage(99.999999999999999992342)); // 输出 "99.999999999999999992%"

console.log(formatPercentage(98.2353)); // 输出 "98%"
console.log(formatPercentage(55.0234)); // 输出 "55%"
console.log(formatPercentage(1.53243)); // 输出 "1%"

console.log(formatPercentage(0.932)); // 输出 "0.9%"
console.log(formatPercentage(0.013523)); // 输出 "0.01%"
console.log(formatPercentage(0.00344)); // 输出 "0.003%"
console.log(formatPercentage(0.0000001343)); // 输出 "0.0000001%"

说明 #

• 函数会先校验输入是否为有效数字，无效输入返回0%
• 对于超长精度的数字（如示例中接近100%的多位9数字），JavaScript原生数值类型存在精度限制，若需处理更高精度的数值，建议使用字符串类型传入或借助高精度数值类库
• 所有格式化均采用截断方式（而非四舍五入），与示例规则完全匹配

内容的提问来源于stack exchange，提问作者Paul W