Kursinhalt

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:

array.filter((element, index, array) => {
  // Callback body
});

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.

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

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

Fragen Sie AI

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

Kursinhalt

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

3. Fortgeschrittene Objektmanipulation

4. Mastering Arrays

5. Fortgeschrittene Array-Operationen

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:

array.filter((element, index, array) => {
  // Callback body
});

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.

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

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

JavaScript-Datenstrukturen

Filter() Methode

filter()

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

Beispiele

Beispiel 1: Filtern von ungeraden Zahlen

Beispiel 2: Filtern von Produkten nach Preisspanne

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?

JavaScript-Datenstrukturen

Filter() Methode

filter()

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

Beispiele

Beispiel 1: Filtern von ungeraden Zahlen

Beispiel 2: Filtern von Produkten nach Preisspanne

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?

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?

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?