Kürzeste Möglichkeit, ein Array zu durchlaufen und ein neues mit fehlenden Werten zu erstellen?

Question

In vielen meinem Code mache ich so etwas wie:

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

Um ein neues Array mit nur den verarbeiteten Daten Ich brauche schnell zurück. In seiner aktuellen Form, wenn Sie nichts zurückgeben, wird das neue Array jedoch einen undefined Wert für den Index haben, wobei map() die Funktion auf dem Element des ursprünglichen Arrays ausgeführt hat.

Ich frage mich, ob es eine ähnliche, schnelle Möglichkeit gibt, etwas mit einem .map() und einem filter() gemischten implementieren, wo das neue Array nur die Elemente von der Callback-Funktion zurückgegeben hat?

Answer 1

können Sie .reduce verwenden:

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

oder noch kleiner, solange processValue nicht ein Array zurück:

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

Ich persönlich mag .map().filter obwohl als

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