万亿大数也能轻松读懂，精简你的数字显示！

前端

2024-01-12 18:26:37

数字过大，怎么办？

如今，随着数据量的爆炸式增长，我们在各种应用中经常会遇到海量数字。这些数字之大，以至于难以想象和理解。例如，地球人口已经超过80亿，全球互联网流量每天超过1000亿GB。如此庞大的数字，对我们来说已经完全超出了认知范围。

为了让这些数字更易于理解，人们通常会使用缩写单位来表示它们。例如，我们可以使用“万”来表示10,000，使用“亿”来表示100,000,000。这样一来，这些数字就变得更加简洁易懂了。

转换算法

现在，我们来介绍如何将一个数字转化为其缩写单位表示。这里我们将使用一个巧妙的算法，该算法基于对数运算。

步骤 1：取对数

首先，我们需要取数字的对数。对数是一种数学运算，它可以将一个数字转换为另一个数字，表示该数字的幂。例如，10的对数是1，因为10^1 = 10。

步骤 2：除以单位对数

接下来，我们需要将对数除以单位对数。单位对数是一个常数，表示单位的幂。例如，万的对数是4，因为10^4 = 10,000。

步骤 3：取整

最后，我们需要取整除的结果。这样就可以得到一个整数，表示数字的单位。例如，如果我们想将123456789转换为“万”为单位，那么我们可以先取对数，得到log10(123456789) = 8.096910047。然后，我们将对数除以单位对数，得到8.096910047 / 4 = 2.024227512。最后，我们取整，得到2。因此，123456789可以表示为“2万”。

代码实现

function formatNumber(number) {
  const units = ['万', '亿', '万亿'];
  const unitIndex = Math.floor(Math.log10(number) / 4);
  const unit = units[unitIndex];
  const formattedNumber = (number / 10 ** (4 * unitIndex)).toFixed(1);
  return `${formattedNumber}${unit}`;
}

console.log(formatNumber(123456789)); // "1.2万"
console.log(formatNumber(1234567890123)); // "1.2万亿"