如何在JavaScript中计算区间内中间值对应的百分比？

已知条件 #

• 起始数值 valueStart = 120（对应0%）
• 结束数值 valueEnd = 970（对应100%）
• 需要计算的中间数值 valueCenter = 360

计算逻辑 #

核心公式为：
百分比 = ((目标值 - 起始值) / (结束值 - 起始值)) * 100
先算出目标值在区间内的相对偏移量，再转换为0%-100%的百分比数值。

JavaScript 实现代码 #

// 定义已知数值
const valueStart = 120;
const valueEnd = 970;
const valueCenter = 360;

// 计算百分比
const percentage = ((valueCenter - valueStart) / (valueEnd - valueStart)) * 100;

// 输出结果，可按需保留小数位数
console.log(percentage); // 原始计算结果：~27.058823529411764
console.log(percentage.toFixed(2)); // 保留两位小数：27.06

补充说明 #

如果目标值超出[valueStart, valueEnd]区间，计算结果会小于0%或大于100%，可根据业务需求添加边界限制：

// 把百分比限制在0%-100%范围内
const clampedPercentage = Math.max(0, Math.min(100, percentage));

内容的提问来源于stack exchange，提问作者Leonardo de Lima Costa