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

Find() Methode

Lassen Sie uns die find()-Methode erkunden, einschließlich ihrer Syntax und Anwendungen, mit konkreten Beispielen, um ihre Funktionalität zu veranschaulichen.

find()

Während die filter()-Methode ein Array durchforstet, um alle Elemente zu finden, die eine Bedingung erfüllen, ist die find()-Methode speziell für eine einzige Mission konzipiert – das Entdecken und Abrufen des ersten übereinstimmenden Elements. Hier ist ein genauerer Blick auf ihre Syntax:

Lassen Sie uns die kritischen Eigenschaften der find()-Methode entschlüsseln:

Das ursprüngliche Array bleibt unverändert;
Es navigiert durch das Array und prüft jedes Element;
Die Methode stoppt, sobald sie das erste passende Element gefunden hat, und gibt dieses spezifische Element zurück;
Ohne ein passendes Element gibt die Methode undefined zurück.

Finde eine Aufgabe nach Reihenfolge

In diesem Beispiel ruft die 'find()'-Methode die Aufgabe anhand des 'order'-Schlüssels ab.


              1234567891011
            
const tasks = [
  { order: 1, name: "Buy groceries" },
  { order: 2, name: "Walk the dog" },
  { order: 3, name: "Read a book" },
];

const firstTask = tasks.find((element) => element.order === 1);
console.log("First task:", firstTask.name); // Output: First task: Buy groceries

const secondTask = tasks.find((element) => element.order === 2);
console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 5

some-alt