javascript / intermediate
Snippet
Effiziente Datenextraktion mit flatMap
flatMap kombiniert Mapping und Flattening in einem einzigen Durchlauf. Dies ist besonders nützlich, wenn Sie verschachtelte Arrays aus einer Liste von Objekten extrahieren und eine einzelne, flache Ergebnisliste erhalten möchten.
snippet.js
1
2
3
4
5
6
7
8
const posts = [{ id: 1, tags: ['js', 'web'] },{ id: 2, tags: ['nextjs'] },{ id: 3, tags: ['react', 'web'] }];const allUniqueTags = [...new Set(posts.flatMap(p => p.tags))];// Result: ['js', 'web', 'nextjs', 'react']
nextjs
Erklärung
1
posts.flatMap(p => p.tags)
Iteriert über jeden Post und glättet die resultierenden Arrays auf eine Ebene.
2
...new Set(...)
Ein gängiges Muster, um doppelte Werte aus einem Array zu entfernen.