如何理解JavaScript中计算指定数值对应百分位的代码及相关公式？

问题描述 #

给定一个数字数组，需要计算指定数值在数组中的百分位（Percentile）。以下是找到的实现代码，逐步骤逻辑讲解如下：

const percentile = (arr, val) =>
  (100 *
    arr.reduce(
      (acc, v) => acc + (v < val ? 1 : 0) + (v === val ? 0.5 : 0),
      0
    )) /
  arr.length;

// 示例
// percentile([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 6); // 55

代码逻辑拆解 #

这段代码用的是业内通用的百分位计算规则，逻辑完全匹配后续补充的公式，每一步运行规则如下：

1. 函数接收两个入参：arr为待统计的数字数组，val为目标计算值
2. 调用reduce方法遍历数组做累加统计，初始累加值为0：
   • 每遇到小于目标值的元素，累加1，统计所有低于目标值的元素总数
   • 每遇到和目标值相等的元素，累加0.5，统计同值元素的半值总和
   • 遇到大于目标值的元素，不做累加
3. 遍历完成后，把累加总结果乘以100，再除以数组总长度，最终得到百分位数值

拿示例验证：目标值为6，数组里小于6的元素有5个，等于6的元素有1个，累加结果为5 + 0.5 = 5.5，乘以100得550，除以数组长度10，最终结果为55，和示例输出一致。

对应计算公式说明 #

对应的百分位计算公式为：
Percentile = ((L + 0.5 * S) / N) * 100

• L：小于目标值的元素总数
• S：和目标值相等的元素总数
• N：数组总元素数量

公式的核心逻辑是把同值元素的排名做平均处理，避免重复值导致百分位统计结果失真。

重写版本说明 #

重写的高可读性版本把精简的三元运算符拆成了明确的分支判断，补充了注释，更适合团队协作场景维护，逻辑和原精简版完全一致：

/**
 * **百分位计算公式：((L + 0.5 * S) / N) * 100**
 * - L = 小于目标值`value`的元素总数
 * - S = 和目标值相等的元素总数
 * - N = 数组总元素数量
 */
const percentile = (arr, value) => {
  // reduce初始累加值
  const initCount = 0;
  const totalCount = arr.reduce((count, currentValue) => {
    if (currentValue < value) {
      return count + 1; // 小于目标值，计数加1
    } else if (currentValue === value) {
      return count + 0.5; // 等于目标值，计数加0.5
    }
    return count; // 大于目标值，计数不变
  }, initCount);
  return (totalCount * 100) / arr.length;
};

内容的提问来源于stack exchange，提问作者jknowlesdev