数字去尾保留，手把手写法，原理透彻剖析

前端

2024-02-07 17:41:11

在软件开发中，我们经常需要处理数字的格式化。其中，保留有效数字就是一项常见的需求。所谓保留有效数字，是指将一个数字保留一定位数的有效数字，同时去除末尾的 0。例如，保留 10.12345 到小数点后 3 位有效数字，结果为 10.123。

在 JavaScript 中，没有内置的方法可以直接实现保留有效数字的功能。因此，我们需要自己编写函数来完成这个任务。

手把手实现保留有效数字函数

下面是一个手把手实现保留有效数字函数的步骤：

确定保留的有效数字位数 。这个值由函数的参数指定。
将数字转换为字符串 。这将允许我们轻松地操作数字的各个部分。
分割字符串 。使用小数点作为分隔符，将字符串分割为整数部分和小数部分。
处理整数部分 。对于整数部分，我们只需要保留指定的有效数字位数。如果整数部分的数字位数少于指定的位数，则需要在前面补 0。
处理小数部分 。对于小数部分，我们也需要保留指定的有效数字位数。如果小数部分的数字位数少于指定的位数，则需要在后面补 0。
将整数部分和小数部分连接起来 。使用小数点将整数部分和小数部分连接起来，形成最终的保留有效数字结果。

剖析保留有效数字的原理

保留有效数字的原理很简单。它涉及以下步骤：

四舍五入 。首先，我们将数字四舍五入到指定的有效数字位数。这意味着我们将舍弃超出该位数的任何数字，并将最后一个数字向上或向下舍入到最接近的数字。
去除末尾的 0 。四舍五入后，我们去除末尾的所有 0。

代码示例

以下是保留有效数字函数的 JavaScript 代码示例：

function retainSignificantDigits(number, digits) {
  // 将数字转换为字符串
  const numberString = number.toString();

  // 分割字符串
  const [integerPart, decimalPart] = numberString.split(".");

  // 处理整数部分
  let newIntegerPart = integerPart.substring(0, digits);
  while (newIntegerPart.length < digits) {
    newIntegerPart = "0" + newIntegerPart;
  }

  // 处理小数部分
  let newDecimalPart = decimalPart ? decimalPart.substring(0, digits) : "";
  while (newDecimalPart.length < digits) {
    newDecimalPart += "0";
  }

  // 将整数部分和小数部分连接起来
  return newIntegerPart + (newDecimalPart ? "." + newDecimalPart : "");
}

用法示例

以下是一些保留有效数字函数的用法示例：

console.log(retainSignificantDigits(10.12345, 3)); // 10.123
console.log(retainSignificantDigits(10.00000, 3)); // 10
console.log(retainSignificantDigits(123456789, 6)); // 123456