Zum Inhalt springen

JavaScript Map und Set

Einführung in JavaScript Maps

Was ist eine JavaScript Map?

In JavaScript ist eine Map eine Sammlung, die Schlüssel-Wert-Paare speichert. Sie ermöglicht die Verwendung verschiedener Datentypen als Schlüssel und behält die Reihenfolge ihrer Einträge bei, was sie von regulären Objekten unterscheidet, die nur Strings und Symbole als Schlüssel unterstützen.

Erstellen und Bearbeiten von Maps

Um eine Map zu erstellen, verwenden Sie new Map(). Sie unterstützt mehrere Methoden zur Datenmanipulation:

  • map.set(key, value): Fügt ein Schlüssel-Wert-Paar hinzu.
  • map.get(key): Ruft den mit einem Schlüssel verknüpften Wert ab.
  • map.has(key): Prüft, ob ein Schlüssel existiert.
  • map.delete(key): Entfernt ein Schlüssel-Wert-Paar.
  • map.clear(): Löscht die Map.
  • map.size: Gibt die Anzahl der Schlüssel-Wert-Paare zurück.

Codebeispiel:


Output appears here after Run.

Durchlaufen von Maps

Maps können auf verschiedene Arten durchlaufen werden: - Mit map.keys(), map.values() und map.entries().

  • Mit for...of-Schleifen.
  • Mit der Methode map.forEach().

Codebeispiel:


Output appears here after Run.

JavaScript Sets verstehen

Was ist ein JavaScript Set?

Ein Set in JavaScript ist eine Sammlung von eindeutigen Werten. Im Gegensatz zu einem Array kann jedes Element in einem Set nur einmal vorkommen.

Arbeiten mit Sets

Um mit Sets zu arbeiten:

  • Erstellen Sie ein Set mit new Set(iterable).
  • Fügen Sie ein Element mit set.add(value) hinzu.
  • Prüfen Sie auf ein Element mit set.has(value).
  • Entfernen Sie ein Element mit set.delete(value).
  • Ermitteln Sie die Anzahl der Elemente mit set.size.
  • Löschen Sie ein Set mit set.clear().

Codebeispiel:


Output appears here after Run.

Durchlaufen von Sets

Sets können mit folgenden Methoden durchlaufen werden:

  • for...of-Schleifen.
  • der Methode set.forEach(), die Zugriff auf jeden Wert im Set bietet.

Codebeispiel:


Output appears here after Run.

INFO

Neben Map und Set bietet JavaScript auch WeakMap und WeakSet an, die den Speicher anders verwalten, indem sie es ermöglichen, dass ihre Elemente vom Garbage Collector erfasst werden. Erfahren Sie mehr über diese spezialisierten Sammlungen auf unserer Seite JavaScript WeakMap und WeakSet.

Fazit

JavaScript Maps und Sets bieten leistungsstarke Datenstrukturen zum Verwalten von eindeutigen Sammlungen und Schlüssel-Wert-Paaren. Das Verständnis ihrer Funktionen und geeigneten Anwendungsfälle verbessert Ihre JavaScript-Programmierkenntnisse und führt zu einer effizienteren und effektiveren Codeentwicklung.

Denken Sie daran, dass JavaScript eine vielseitige Sprache ist und das Beherrschen dieser fortgeschrittenen Konzepte entscheidend ist, um komplexe Programmierherausforderungen zu bewältigen. Üben und erkunden Sie weiter, um Ihr Verständnis der JavaScript-Funktionen zu vertiefen.

Praxis

Welche Eigenschaften haben JavaScript Map und Set?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.