用于映射和过滤的 FlatMap 与 Reduce - 是否推荐使用其中一种？

Question

根据这个 SO thread ，当需要 map 并过滤一组对象时，建议使用flatMap或reduce ，特别是如果他们想避免多次循环遍历集合。 就个人而言，我更喜欢使用flatMap ，因为我认为它更容易阅读，但这当然是完全主观的。 除了flatMap的浏览器兼容性问题之外，一种方法是否普遍推荐或优于另一种方法（可能是因为但不限于性能或可读性的原因）？

更新：这是来自 flatMap 过滤的参考答案的示例：

 var options = [{ name: 'One', assigned: true }, { name: 'Two', assigned: false }, { name: 'Three', assigned: true }, ]; var assignees = options.flatMap((o) => (o.assigned? [o.name]: [])); console.log(assignees); document.getElementById("output").innerHTML = JSON.stringify(assignees);

 <h1>Only assigned options</h1> <pre id="output"> </pre>

Answer 1

其实也没有。 对于映射和过滤，您应该使用map和filter ：

var assignees = options.filter(o => o.assigned).map(o => o.name);

它更简单、更易读，直接表达了你的意图。 没有什么比这更清楚了。

如果您关心性能，请始终进行基准测试以查看对您的实际案例的实际影响 - 但不要过早地进行优化。

Answer 2

在这种情况下，我会使用减少。

 var options = [{ name: 'One', assigned: true }, { name: 'Two', assigned: false }, { name: 'Three', assigned: true }, ]; var assignees = options.reduce((results, item) => { if (item.assigned) { results.push(item.name); } return results; }, []); console.log(assignees);