如何在JavaScript中从数组末尾开始向前映射数组？

如果你的核心需求是迭代顺序从数组最后一个元素开始，到第一个元素结束（而非仅仅改变最终映射数组的顺序），JS原生没有专门的API，但可以通过以下几种实用方式实现：

方法1：手动倒序遍历构建结果 #

这是最直接可控的方式，完全掌握迭代顺序：

const arr = [1, 2, 3, 4];
const result = [];
// 从最后一个索引开始遍历
for (let i = arr.length - 1; i >= 0; i--) {
  // 这里替换成你的映射逻辑，示例为元素乘2
  const mappedValue = arr[i] * 2;
  // 若要保持原数组顺序的映射结果，赋值到对应索引位
  result[i] = mappedValue;
  // 若要得到倒序的映射结果，直接push即可：result.push(mappedValue);
}
// 保持原顺序的结果：[2, 4, 6, 8]
// 倒序结果：[8, 6, 4, 2]

这种方式没有额外数组操作开销，性能表现优，适合处理大数组或对性能有要求的场景。

方法2：反转数组副本后映射（简洁但需注意索引） #

如果追求代码简洁，可以先创建数组副本并反转，再调用map——本质是对反转后的数组做正序迭代（即原数组的倒序）：

const arr = [1, 2, 3, 4];
// 浅拷贝原数组后反转，再执行映射
const reversedMapped = [...arr].reverse().map(item => item * 2);
// 结果：[8, 6, 4, 2]

如果映射逻辑依赖原数组的索引，需要额外转换：

const reversedMappedWithIndex = [...arr].reverse().map((item, reversedIndex) => {
  // 计算原数组的对应索引
  const originalIndex = arr.length - 1 - reversedIndex;
  return `原索引${originalIndex}的值：${item}，映射后：${item*2}`;
});

方法3：利用reduceRight实现映射 #

reduceRight本身就是从数组末尾开始迭代的方法，可用来构建映射结果：

const arr = [1, 2, 3, 4];
// 构建倒序的映射结果
const reversedMapped = arr.reduceRight((acc, item) => {
  acc.push(item * 2);
  return acc;
}, []);
// 结果：[8, 6, 4, 2]

// 构建原顺序的映射结果
const originalOrderMapped = arr.reduceRight((acc, item, index) => {
  acc[index] = item * 2;
  return acc;
}, new Array(arr.length));
// 结果：[2, 4, 6, 8]

适合需要在迭代过程中依赖前一次迭代结果的场景。

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