本文介绍一种数学驱动的映射方法，用于将连续整数评分（如1–10）动态、公平地划分为若干不等长子区间，并精准关联到长度可变的消息数组（如['bad', 'okay', 'good']），确保前序区间优先获得额外评分点，实现视觉与语义更自然的分级体验。
在构建评分组件（如星级/滑块反馈系统）时，常需将数值型评分（如 currentRating = 4）映射为语义化提示（如 'Okay'）。难点在于：消息数组长度通常小于最大评分值（messagesArray.length ≤ ratingRange），且需支持不等长区间分配——例如将 ratingRange = 10 均匀但不平均地分给 ['Bad', 'Okay', 'Good', 'Amazing'] 四个等级，结果应为 [1–3, 4–6, 7–8, 9–10]，而非简单均分（[1–2, 3–5, 6–7, 8–10]）。
核心思想是：优先让靠前的消息项承载“多一个评分点”的区间，使分布尽可能紧凑、直观。这通过模运算确定“大区间数量”，再结合整除计算基础区间长度实现：
- numLargeGroups = ratingRange % messagesArray.length：余数即前 numLargeGroups 个消息对应的大区间数量（每个含 smallSize + 1 个评分点）；
- smallSize = (ratingRange - numLargeGroups) / messagesArray.length：其余消息对应的基础区间长度（整数）；
- split = numLargeGroups * (smallSize + 1)：所有大区间覆盖的累计评分点上限（0-based）；
随后将 currentRating 转为 0-based 索引，判断其落入大区间还是小区间，并用向下取整计算最终消息索引。
以下是完整、类型安全的 TypeScript 实现：
function getMessageByRating(
ratingRange: number,
messagesArray: string[],
currentRating: number
): string {
// 边界防护：确保输入合法
if (messagesArray.length === 0) return '';
if (currentRating < 1 || currentRating > ratingRange) {
throw new Error(`currentRating must be between 1 and ${ratingRange}`);
}
const numLargeGroups = ratingRange % messagesArray.length;
const smallSize = (ratingRange - numLargeGroups) / messagesArray.length;
// 所有大区间覆盖的总评分点数（0-based）
const split = numLargeGroups * (smallSize + 1);
// 转为 0-based 索引进行计算
const zeroBasedRating = currentRating - 1;
if (zeroBasedRating >= split) {
// 落入后续的小区间：索引 = numLargeGroups + floor((rating - split) / smallSize)
return messagesArray[
numLargeGroups + Math.floor((zeroBasedRating - split) / smallSize)
];
} else {
// 落入前面的大区间：索引 = floor(rating / (smallSize + 1))
return messagesArray[Math.floor(zeroBasedRating / (smallSize + 1))];
}
}✅ 验证示例（全部通过）：
console.log(getMessageByRating(5, ['Bad', 'Okay', 'Good'], 2)); // 'Bad' console.log(getMessageByRating(10, ['Bad', 'Okay', 'Good', 'Amazing'], 7)); // 'Good' console.log(getMessageByRating(10, ['Bad', 'Okay', 'Good', 'Amazing'], 9)); // 'Amazing'
⚠️ 注意事项：
- 该算法假设 messagesArray 已按语义升序排列（'Bad' → 'Amazing'），且 ratingRange ≥ messagesArray.length；
- 当 ratingRange === messagesArray.length 时，每个消息严格对应 1 个评分点（numLargeGroups = 0, smallSize = 1）；
- 时间复杂度为 O(1)，无循环或遍历，适合高频调用（如实时拖拽反馈）；
- 若需反向支持「按消息查评分区间」，可扩展返回 { message: string; min: number; max: number } 对象。
此方案兼顾数学严谨性与前端工程实用性，是动态评分文案映射的理想选择。
