数组map与forEach对比：函数式编程下的写法与性能抉择

嘿，这问题问得特别实在——既要考虑性能开销，又想贴合函数式编程的风格，我来帮你拆解清楚：

首先说操作成本：单循环完胜三次map #

毫无疑问，第一种单循环的方式操作成本更低。原因很简单：

• 单循环（forEach）只遍历reports数组一次，就能完成三个数组的填充；
• 第二种方式用了三次map，意味着要把reports完整遍历三遍。

数据量小的时候，这种差异可能微乎其微，但如果reports里有成百上千条数据，三次遍历的额外开销会被放大，性能差距就明显了。

再聊函数式编程的取舍 #

你说觉得第二种map写法更简洁，这点完全没错——函数式编程推崇声明式代码，map的写法一眼就能看懂：“我要把每个report的inbound_calls提取出来组成新数组”，可读性拉满。

但函数式编程也不是非要牺牲性能，我们可以用reduce来兼顾两者：用一次遍历完成多个字段的提取，同时保持纯函数、无副作用的函数式特性。比如：

const { inbound_calls, outbound_national_calls, outbound_calls } = reports.reduce((acc, current) => {
  acc.inbound_calls.push(current.inbound_calls);
  acc.outbound_national_calls.push(current.outbound_national_calls);
  acc.outbound_calls.push(current.outbound_calls);
  return acc;
}, { 
  inbound_calls: [], 
  outbound_national_calls: [], 
  outbound_calls: [] 
});

这种写法既符合函数式编程的理念（用纯函数reduce处理数组，不修改原数据），又只遍历一次数组，完美平衡了性能和可读性。

小提醒：第一种写法的坑 #

顺带提一句，你第一种方式的代码里，outbound_national_calls = [], outbound_calls = []这两个变量没加let/const，会被声明成全局变量，这是个潜在的bug，记得补上声明关键字哦。

最后给你总结建议 #

• 如果你的reports数据量很小，三次map的写法完全可以用——代码简洁、易维护，符合函数式编程的风格；
• 如果数据量大，或者对性能有要求，优先选单循环的方式，用reduce实现还能保持函数式的优雅；
• 永远不要为了“凑函数式的热闹”而牺牲必要的性能，合适的场景用合适的写法才是最优解。

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