前端开发中如何实现复杂的数字格式化，包括小数点处理？

Question

前端计算
1、5,512.1913 小数点第2位大于5的 向上取整，
2、173.544 小数点第2位小于5的 向小取整

1、5,512.1913 计算后 得到 5,512.20
2、173.544 计算后 得到 173.54

Answer 1

有几个点需要明确下：小数点第2位等于5怎么办；向上取整是向上多少位，比如5.183是取5.19还是5.20，如果是第一种，用下面第一个函数，第二种用下面第二个函数。函数结果有保留一位小数的情况，看你需求再加上补0的操作

function NumFixed(num, digits) {
    let exponent = 10 **  digits;
    let d = num * exponent | 0
    return (d + (String(d).slice(-1) >= 5 ? 1 : 0)) / exponent
}

// 小数点第二位，大于等于5保留1位小数，否则保留2为小数
function NumFixed(num, digits) {
    return num.toFixed(digits - (String(num * 10 **  digits | 0).slice(-1) >= 5 ? 1 : 0))
}

方法二完善，结尾补0

function NumFixed(num, digits) {
    let isCeil = String(num * 10 **  digits | 0).slice(-1) >= 5
    return (isCeil ? Number(num.toFixed(digits - 1)) : num).toFixed(digits)
}

Answer 2

我重新写了代码，你可以测试一下，看这个有没有问题，我试了好像没啥问题：

function preciseRound(number) {
    const factor = 100; // 定义因子，用于将小数点后两位转化为整数进行处理

    // 先将数字扩大100倍，取整后还原
    let rounded = Math.round(number * factor) / factor;

    // 获取小数点后第三位
    let decimal = (number * factor * 10) % 10;

    // 决定是向上取整还是向下取整
    let finalNumber = (decimal >= 5) ? 
        Math.ceil(number * factor) / factor : 
        Math.floor(number * factor) / factor;

    return finalNumber; // 直接返回数值，不转换为字符串
}

// 测试示例1
let num1 = 5512.1913;
console.log(preciseRound(num1)); // 期望输出: 5512.20

// 测试示例2
let num2 = 173.544;
console.log(preciseRound(num2)); // 期望输出: 173.54

// 边界测试示例1
let num3 = 1000.999;
console.log(preciseRound(num3)); // 期望输出: 1001.00

// 边界测试示例2
let num4 = 500.0004;
console.log(preciseRound(num4)); // 期望输出: 500.00

// 边界测试示例3
let num5 = 5.55;
console.log(preciseRound(num5)); // 期望输出: 5.55

// 边界测试示例4
let num6 = 2;
console.log(preciseRound(num6)); // 期望输出: 2.00

逻辑说明

1. 定义因子：使用一个因子 factor 为 100，将数字的小数点后两位转化为整数进行处理。
2. 初步四舍五入：使用 Math.round(number * factor) / factor 对数字进行初步的四舍五入处理，确保初始精度。
3. 判断最后一位并取整：通过 (number * factor * 10) % 10 获取小数点后第3位的值，如果该值大于等于 5，使用 Math.ceil；否则使用 Math.floor。
4. 返回结果：直接返回处理后的数值。