JavaScript - 将 3 个数字转换为百分比，不会产生 100% 总计

Question

我有一个场景，我有三个数字：

1. 17
2. 10
3. 90

我需要将它们转换为完整的百分比值（以便添加后，总计如您所期望的 100%）。 我有这个功能：

function roundPercentageTotals(num1, num2, num3) {
    var total = num1 + num2 + num3;  // 117

    var num1Total = (num1 / total) * 100;  // 14.529914529914531
    var num2Total = (num2 / total) * 100;  //  8.547008547008546
    var num3Total = (num3 / total) * 100;  // 76.92307692307693

    var num1ToDecimal = num1Total.toFixed(1); // 14.5
    var num2ToDecimal = num2Total.toFixed(1); //  8.5
    var num3ToDecimal = num3Total.toFixed(1); // 76.9

    var totalPercentage = parseInt(num1ToDecimal) + parseInt(num2ToDecimal) + parseInt(num3ToDecimal); // 98

    return { percentage1: Math.round(num1ToDecimal, percentage2: Math.round(num2ToDecimal), percentage3: Math.round(num3ToDecimal) };
}

在我的示例中，计算出的总百分比为 98%。 继：

1. 百分比1 = 15
2. 百分比2 = 9
3. 百分比3 = 77

加起来是101%，我哪里错了？

感谢您提前提供的任何帮助！

Answer 1

您在第一个计算中得到 98%，因为您将值向下舍入，然后在第二个计算中得到 101%，因为您将它们向上舍入。

将您的

parseInt()

更改为

parseFloat()

以使您的总数接近 100% 而不是 98%。

parseInt()

保留小数层，不会四舍五入。

关于第二次总计 101% 的计算：通过将 14.5 舍入到 15，将 8.5 舍入到 9，您刚刚添加了整整 1%。这会让你得到 101%，而不是 100%。

底线是，如果您要四舍五入精确值，则无法始终达到 100%，除非您捏造百分比以适应整个过程中的某个地方。

Answer 2

好吧，从数学角度来看，我无法完全实现我想要的目标。 然而，我需要对数字进行四舍五入，这样它最终等于 100%（所有这些数字都是四舍五入的，所以不完全准确）。

这是我的解决方案，以防万一这对其他人有用：

function roundPercentageTotals(numArr) {

    // Total of all numbers passed.
    var total = numArr[0] + numArr[1] + numArr[2];

    // Percentage representations of each number (out of 100).
    var num1Percent = Math.round((numArr[0] / total) * 100);
    var num2Percent = Math.round((numArr[1] / total) * 100);
    var num3Percent = Math.round((numArr[2] / total) * 100);

    // Total percent of the 3 numbers combined (doesnt always equal 100%).
    var totalPercentage = num1Percent + num2Percent + num3Percent;

    // If not 100%, then we need to work around it by subtracting from the largest number (not as accurate but works out).
    if (totalPercentage != 100) {
        // Get the index of the largest number in the array.
        var index = getLargestNumInArrayIndex(numArr);

        // Take the difference away from the largest number.
        numArr[index] = numArr[index] - (totalPercentage - 100);

        // Re-run this method recursively, until we get a total percentage of 100%.
        return roundPercentageTotals(numArr);
    }

    // Return the percentage version of the array passed in.
    return [num1Percent, num2Percent, num3Percent];
}

function getLargestNumInArrayIndex(array) {
    return array.indexOf(Math.max.apply(Math, array));
}

将数字数组传递到 roundPercentageTotals 中，例如 roundPercentageTotals([13,54,38]) ，它将返回数组中的整个百分比（或者我应该说最接近的百分比）数字。

Answer 3

percent-round 就是这样做的。为我做了这项工作。 只需传递值并返回百分比，总和为 100%。

const percentRound = require ('percent-round');
percentRound([16, 56, 18]); // [18, 62, 20]

Answer 4

您无法将这些数字转换为不带小数的百分比。只有当数字除以 100 时它才有效。所以这里的答案必须是 (1. 14.5 , 2. 8.5 , 3. 76.9)。正如您所看到的，出于与您抛出的小数相同的原因，缺少“0.1”%（即通过将 14.529914529914531 转换为 14.5）。

Answer 5

这是一个带有一些检查的简单解决方案，您可以根据需要删除这些检查。就我而言，我预计不会有巨大差异，因此如果差异大于或小于

0.9

：

，我会抛出错误

export function adjustPercentagesTo100(percentages: number[]) {
  const total = percentages.reduce((acc, curr) => acc + curr, 0)
  // If the sum is already 100, the original values is returned.
  if (total === 100) return percentages

  const diff = 100 - total
  // Error if the difference between the total and 100 is greater than 0.9.
  if (Math.abs(diff) > 0.9)
     throw new Error('The difference between the total and 100 is greater than 0.9. Please check the data.')

  // Find the highest value in the array.
  const highestValue = Math.max(...percentages)

  // Find the number of decimal values in the highest value
  const numberOfDecimalValuesInMax = highestValue.toString().split('.')[1]?.length || 1

  // Find the index of the highest value in the array.
  const index = percentages.indexOf(highestValue)

  // Adjust the highest value by adding or subtracting the difference
  percentages[index] = Number((highestValue + diff).toFixed(numberOfDecimalValuesInMax))

  return percentages
}