Lernen Array-Methoden „map“, „filter“

Swipe um das Menü anzuzeigen

Arrays müssen häufig transformiert oder gefiltert werden, um neue Versionen auf Basis vorhandener Daten zu erstellen. JavaScript stellt dafür höherwertige Array-Methoden wie map und filter bereit, die diese Aufgaben prägnant und lesbar machen.

Diese Methoden helfen dabei, manuelle Schleifen zu vermeiden, und ermöglichen es, sich auf das gewünschte Ergebnis mit den Daten zu konzentrieren, anstatt auf die schrittweise Umsetzung. Der Einsatz höherwertiger Methoden führt zu Code, der leichter zu warten, zu verstehen und wiederzuverwenden ist.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Bei der Verwendung von map erstellt JavaScript ein neues Array, indem die angegebene Funktion einmal für jedes Element des ursprünglichen Arrays aufgerufen wird. Der von der Funktion zurückgegebene Wert wird zum neuen Wert im resultierenden Array, während das Originalarray unverändert bleibt.


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

Bei der Verwendung von filter sollte Ihre Funktion true zurückgeben, um ein Element zu behalten, oder false, um es auszuschließen. Nur die Elemente, die die Testfunktion bestehen, werden im neuen Array aufgenommen, während das ursprüngliche Array unverändert bleibt.

Sowohl map als auch filter durchlaufen das Array intern, sodass kein manueller Schleifenbau erforderlich ist—die Methoden übernehmen das Iterieren und Erstellen des neuen Arrays.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 13

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 1. Kapitel 13