JavaScript flatMap() im Vergleich zur Verwendung von forEach() zum Reduzieren von Arrays ⇐ JavaScript

[Anonymous]

Ich habe ein Array von Objekten, wobei jedes Objekt ein Unterarray von Elementen enthält. Ich möchte alle Elemente in einem einzigen Array kombinieren. Ich weiß, dass ich das mit flatMap() oder mit forEach() machen kann.

Code: Select all

const menus = [
{ name: 'Menu1', items: [1, 2] },
{ name: 'Menu2', items: [3, 4] }
];

const allItems = menus.flatMap(menu => menu.items);

Code: Select all

let allItems = [];
menus.forEach(menu => {
allItems = allItems.concat(menu.items);
});

Fragen:

• Was ist der Unterschied zwischen der Verwendung von flatMap() und forEach() + concat zum Reduzieren von Arrays?
• Welcher Ansatz ist lesbarer oder effizienter?
• Gibt es Situationen, in denen einer dem vorgezogen wird? andere?