JavaScript 按排名映射积分时为越界排名赋数组末值的方法

核心问题拆解 #

原有代码运行后出现越界值为undefined的原因主要有两点：

• 索引访问无边界限制：直接使用ranking - 1作为积分数组的下标，当排名超过积分数组的长度范围时，会访问到不存在的数组内存位置，返回undefined。
• 存在属性解构笔误：数据中存储排名的字段是ranking，原代码解构时错写为rank，实际运行时会因为读取不到正确的排名值导致计算偏差。

修改实现 #

按照需求给所有超出积分数组覆盖范围的排名统一分配数组最后一个值，修改后的完整代码如下：

const points = [10,5,2];

const data = [
  {name:"John",ranking:1},
  {name:"Sally",ranking:2},
  {name:"Tom",ranking:3},
  {name:"Harry",ranking:4},
  {name:"Jess",ranking:5},
  {name:"Kelly",ranking:6}
];

const result = data.reduce((result, {name, ranking}) => {
  // 对索引做上限截断，避免越界
  const scoreIndex = Math.min(ranking - 1, points.length - 1);
  result[name] = points[scoreIndex];
  return result;
}, {});

console.log(result);

实现逻辑说明 #

• 使用Math.min对计算出的原始积分索引做上限控制，无论排名多大，最终取数的索引都不会超过积分数组的最大有效下标，不会出现undefined值。
• 这种写法不需要硬编码“排名3及之后统一赋值为2”的规则，后续如果调整积分数组的长度、修改最后一档的积分值，匹配逻辑不需要额外改动，适配性更强。

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