map, filter, reduce und Co.

Statt Schleifen schreibst du Listenverarbeitung in JavaScript meist mit Array-Methoden, die eine Funktion als Argument bekommen. Sie ändern das Original nicht und sind gut lesbar.

forEach

Ruft eine Funktion für jedes Element auf (kein Rückgabewert):

0 a
1 b
2 c

map: jedes Element umwandeln

Liefert ein neues Array gleicher Länge:

[ 11.899999999999999, 23.799999999999997, 35.699999999999996 ]
[ 'Mia', 'Tom' ]
[ 'Mia', 'Tom' ]
[ 1, 2, 3 ]

filter: Elemente auswählen

Liefert nur die Elemente, für die die Funktion true ergibt:

[ 2, 4, 6 ]
[ 'a', 5 ]
[ 'Tom' ]

reduce: alles zu einem Wert zusammenfassen

reduce((akku, element) => neuerAkku, startwert):

10
4
{ a: 3, b: 1, c: 1 }

Verketten (Pipelines)

26

Weitere nützliche Methoden

[ 1, 2, 3 ]
[ 'Hallo', 'Welt', 'Guten', 'Tag' ]
[Object: null prototype] { ungerade: [ 1, 3, 5 ], gerade: [ 2, 4 ] }
[ 99, 1, 2 ] 1 - 2 - 3

Callback-Argumente

Die übergebene Funktion bekommt bis zu drei Argumente: Element, Index und das ganze Array.

[ '1/2: a', '2/2: b' ]
[ 10, NaN, 2 ]
[ 10, 10, 10 ]

Übung