JavaScript-Datenstrukturen

Kursinhalt

JavaScript-Datenstrukturen

JavaScript-Datenstrukturen

1. Einführung und Voraussetzungen

Einführung in den Kurs Voraussetzungen für den Kurs Was Behandelt Wird Tipps für den Erfolg

2. Objektgrundlagen

Verständnis von Objects Objekterstellung Verschachtelte Eigenschaften Herausforderung: Ein Objekt Erstellen Zugriff auf Objekteigenschaften Herausforderung: Zugriff auf Objekteigenschaften Arbeiten mit Properties Herausforderung: Objekt Modifizieren und Erweitern Objektmethoden Eigenschaften in Methoden Herausforderung: Arbeiten mit Objekt-Methoden Objektgrundlagen Zusammenfassen

3. Fortgeschrittene Objektmanipulation

Objektiteration mit for...in-Schleife Herausforderung: Objekt Property Explorer Methode hasOwnProperty()Herausforderung: hasOwnProperty() für die Iteration von Objekteigenschaften Spread-Operator Herausforderung: Objekte Zusammenführen und Eigenschaften Hinzufügen Objektdestrukturierung Herausforderung: Destructuring Zusammenfassung der Fortgeschrittenen Objektmanipulation

4. Mastering Arrays

Arrays Verstehen Herausforderung: Array-Element Accessor Arbeiten mit Array-Elementen Herausforderung: Array-Element-Modifikator For-Schleife Herausforderung: Iteration Über Array-Elemente For...of-Schleife Herausforderung: Iteration mit for...of Zusammenfassung der Arrays Meistern

5. Fortgeschrittene Array-Operationen

Map() Methode Herausforderung: Array-Element-Transformation Filter() Methode Herausforderung: Filtern von Students Nach Prüfungsergebnissen Find() Methode Herausforderung: Entdecken von Vorgestellten Produkten Sort()-Methode Herausforderung: Sortieren und Extrahieren von Properties Zusammenfassung der Fortgeschrittenen Array-Operationen Kurszusammenfassung

Filter() Methode

Dieses Kapitel taucht in die Feinheiten der filter()-Methode ein, erläutert ihre Syntax, Anwendungen und wie sie die Erstellung von verfeinerten Arrays erleichtert.

filter()

Die filter()-Methode wählt Elemente aus, die eine bestimmte Bedingung erfüllen. Lassen Sie uns die Syntax entschlüsseln:

Was wir über die filter()-Methode wissen müssen:

Sie verändert das ursprüngliche Array nicht;
Sie iteriert über das ursprüngliche Array Element für Element;
Sie gibt ein neues Array zurück;
Elemente werden dem neuen Array hinzugefügt, wenn sie die Callback-Bedingung erfüllen;
Wenn der Callback true zurückgibt, wird das Element eingeschlossen; andernfalls wird es weggelassen.

Beispiele

Die wahre Stärke der filter()-Methode wird deutlich, wenn sie auf verschiedene Szenarien angewendet wird. Lassen Sie uns einige anschauliche Beispiele betrachten:

Beispiel 1: Filtern von ungeraden Zahlen

In diesem Beispiel erstellt die filter()-Methode ein Array (oddNumbers), das nur ungerade Zahlen aus dem ursprünglichen Array enthält.


              123456
            
const numbers = [15, 22, 37, 41, 58, 67, 72];

const oddNumbers = numbers.filter((number) => {
  return number % 2 !== 0;
});
console.log(oddNumbers); // Output: 15, 37, 41, 67

Beispiel 2: Filtern von Produkten nach Preisspanne

Hier wird die filter()-Methode verwendet, um Produkte mit Preisen unter 500 $ zu extrahieren und ein neues Array (affordableProducts) zu erstellen.

1. Was macht die `filter()`-Methode?

2. Was ist ein wesentliches Merkmal der `filter()`-Methode?

3. Im folgenden Beispiel, welche Bedingung sollte erfüllt sein, damit das `numbersGreaterThan20` Array Zahlen enthält, die größer als 20 sind?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 3

some-alt