在数组上循环并创建忽略值的新数组的最短方法？[重复]

Question

在我的很多代码中，我做了如下操作：

return routes.map(route => processValue(route.someProperty));

快速返回一个新数组，其中只包含我需要的已处理数据。但是，在其当前形式中，如果不返回任何内容，新数组将有一个未定义的值，用于该map（）在原始数组元素上运行函数的索引。

我想知道是否有一个类似的，快速的方法来实现与. map（）和过滤器（）混合的东西，其中新的数组只有从回调函数返回的元素？




Answer 1

你可以使用。减少：

return routes.reduce((acc, route) => {
  const value = processValue(route.someProperty);
  if (value !== undefined) acc.push(value);
  return acc;
}, []);

或者更小，只要ProcValue不返回数组：

return routes.reduce((acc, route) => acc.concat(processValue(route.someProperty) || [], []);

我个人喜欢。map（）。过滤尽管如此

return routes
  .map((route) => processValue(route.someProperty))
  .filter(Boolean);