如何根据需要最多保留2位小数

技术背景

在JavaScript中，对数字进行四舍五入并保留特定小数位数是常见需求，尤其在处理金融数据、科学计算或用户界面展示时。然而，由于JavaScript使用IEEE 754二进制浮点数表示，直接使用一些内置方法可能会导致精度问题，如Math.round()和toFixed()在某些情况下无法正确舍入。

实现步骤

1. 使用Math.round()基础方法

可以使用Math.round()函数结合乘法和除法来实现保留两位小数：

Math.round(num * 100) / 100

不过，这种方法在处理一些特殊值（如1.005）时会出现舍入错误。

2. 使用Number.EPSILON修正

为了更准确地舍入，可以使用Number.EPSILON来解决浮点数精度问题：

Math.round((num + Number.EPSILON) * 100) / 100

3. 处理文本类型的值

如果值是文本类型，可以先将其转换为数字，再使用toFixed(2)方法：

parseFloat("123.456").toFixed(2);

4. 处理数字类型的值

对于数字类型的值，直接使用toFixed(2)方法：

var numb = 123.23454;
numb = numb.toFixed(2);

但toFixed()方法会在结果末尾补零，可使用+运算符去除多余的零：

var numb = 1.5;
numb = +numb.toFixed(2);

5. 自定义舍入函数

可以定义自定义函数来实现更准确的舍入：

function roundNumber(num, scale) {
  if (!("" + num).includes("e")) {
    return +(Math.round(num + "e+" + scale) + "e-" + scale);
  } else {
    var arr = ("" + num).split("e");
    var sig = "";
    if (+arr[1] + scale > 0) {
      sig = "+";
    }
    return +(Math.round(+arr[0] + "e" + sig + (+arr[1] + scale)) + "e-" + scale);
  }
}

6. 避免前端计算

如果可能，尽量从后端服务器获取已舍入的值，避免前端计算带来的精度问题。

核心代码

以下是几种常见的实现方式：

使用Math.round()和Number.EPSILON

function roundToTwo(num) {
    return +(Math.round((num + Number.EPSILON) * 100) / 100);
}

自定义舍入函数

function round(num, decimalPlaces = 0) {
    if (num < 0)
        return -round(-num, decimalPlaces);
    var p = Math.pow(10, decimalPlaces);
    var n = (num * p) * (1 + Number.EPSILON);
    return Math.round(n) / p;
}

使用toPrecision()去除浮点数误差

function round(num, decimalPlaces = 0) {
    if (num < 0)
        return -round(-num, decimalPlaces);
    var p = Math.pow(10, decimalPlaces);
    var n = (num * p).toPrecision(15);
    return Math.round(n) / p;
}

最佳实践

• 根据场景选择方法：如果对精度要求不高，可以使用简单的Math.round()方法；如果需要处理特殊值或高精度计算，建议使用包含Number.EPSILON或自定义舍入函数的方法。
• 避免前端计算：对于金融数据等对精度要求极高的场景，尽量从后端获取已舍入的值。
• 测试特殊值：在使用任何舍入方法之前，务必测试一些特殊值（如1.005、0.015等），确保结果符合预期。

常见问题

1. Math.round()和toFixed()在某些情况下舍入错误

这是由于JavaScript使用二进制浮点数表示，导致一些十进制小数无法精确表示。例如，1.005在二进制中可能表示为一个接近但不等于1.005的值，从而导致舍入错误。可以使用Number.EPSILON或自定义舍入函数来解决这个问题。

2. toFixed()方法会在结果末尾补零

可以使用+运算符将结果转换为数字，去除多余的零：

var numb = 1.5;
numb = +numb.toFixed(2);

3. 不同浏览器对舍入方法的实现可能存在差异

虽然大多数现代浏览器对JavaScript的实现是一致的，但在处理浮点数舍入时仍可能存在细微差异。建议在多个浏览器中进行测试，确保结果的一致性。