仅对数组执行一次map操作而非两次能否提升性能？

是的，把两次map合并成一次遍历确实能降低性能开销，核心原因是减少了数组的遍历次数——从两次变成一次，而数组遍历的底层循环开销在数据量越大时越明显。

两种方案对比 #

方案1：两次独立map

const firstMapped = data.map(it => /* 处理逻辑1 */);
const secondMapped = data.map(it => /* 处理逻辑2 */);

• 优势：代码直观清晰，直接通过变量名访问结果，可读性拉满
• 劣势：必须遍历数组两次，每次遍历都会产生循环相关的额外开销，数组元素越多，这笔开销越大

方案2：一次遍历生成两组结果（修正后的正确写法）

你提到的方案2写法存在逻辑问题（map会遍历原数组每个元素，生成的数组长度和原数组一致，无法直接得到两组独立的映射结果），正确的合并方式应该用reduce，在一次遍历中构建两个数组：

const [firstMapped, secondMapped] = data.reduce(([arr1, arr2], item) => {
  arr1.push(/* 对item执行处理逻辑1的结果 */);
  arr2.push(/* 对item执行处理逻辑2的结果 */);
  return [arr1, arr2];
}, [[], []]);

• 优势：只遍历数组一次，节省了一次循环的性能开销，数据量越大，性能提升越显著
• 劣势：代码比两次map稍复杂一点，需要理解reduce的用法

取舍建议 #

• 如果数组规模很小（比如几百个元素以内），两次map的性能差异几乎可以忽略，优先选方案1，代码维护成本更低
• 如果数组规模较大，或者处于性能敏感的场景（比如频繁处理大数据集），建议用reduce的合并写法，换取更好的性能

内容的提问来源于stack exchange，提问作者Levente Bognár