0Pricing
JavaScript Academy · Lektion

Grundlagen von Map und Set

Map für Schlüssel-Wert-Zuordnungen und Set für eindeutige Werte verwenden; iterieren, konvertieren und kleine Muster anwenden

Grundlagen von Map und Set ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Warum Map und Set?

Ziel: Den richtigen Container auswählen.

  • Map: Schlüssel → Wert (beliebiger Schlüsseltyp)
  • Set: eindeutige Werte
  • Iterieren und konvertieren
  • Kleine Muster aus dem Alltag
Grundlagen von Map und Set — Illustration 1

Map: set/get/has

Map bietet set, get, has, delete und clear sowie eine size-Eigenschaft.

// Map: key→value with any key type
const userToScore = new Map();

// set values
userToScore.set("ayla", 10);
userToScore.set("mina", 15);

// read values
console.log("ayla:", userToScore.get("ayla"));
console.log("has lena?", userToScore.has("lena"));

// size
console.log("size:", userToScore.size);
Grundlagen von Map und Set — Illustration 2

Set: eindeutige Werte

Set behält von jedem Wert nur eine Kopie. Duplikate werden ignoriert.

// Set: unique values
const seen = new Set();

// add values (duplicates are ignored)
seen.add("red");
seen.add("blue");
seen.add("red"); // ignored

console.log("size:", seen.size);
console.log("has red?", seen.has("red"));

seen.delete("blue");
console.log("after delete:", seen.size);
Grundlagen von Map und Set — Illustration 3

Warum Map statt Object?

Map bewahrt die Objektidentität als Schlüssel. Bei einfachen Objekten werden Schlüssel in Zeichenfolgen umgewandelt.

// Map can use objects as keys directly
const key1 = { id: 1 };
const key2 = { id: 1 }; // different reference

const map = new Map();
map.set(key1, "A");

console.log("get key1:", map.get(key1));
console.log("get key2:", map.get(key2)); // undefined (different object)

const obj = {};
obj[key1] = "B"; // coerces key to "[object Object]"
console.log("object key:", obj["[object Object]"]);
Grundlagen von Map und Set — Illustration 4

Konvertierungen

Erstellen Sie aus einem Set eindeutige Arrays. Erstellen Sie eine Map aus pairs und mit entries() wieder zurück.

// Unique array values via Set
const nums = [2, 2, 3, 4, 3];
const unique = Array.from(new Set(nums));
console.log("unique:", unique);

// Map from pairs; back to pairs
const pairs = [["a", 1], ["b", 2]];
const m = new Map(pairs);
console.log("get a:", m.get("a"));
console.log("entries:", Array.from(m.entries()));
Grundlagen von Map und Set — Illustration 5

Muster zum Merken

Kleine Muster:

  • Verwenden Sie Map für Zähler (Schlüssel → Zahl).
  • Verwenden Sie Set für schnelle Zugehörigkeitsprüfungen.
  • Bevorzugen Sie Map, wenn Schlüssel keine Zeichenfolgen sind oder wenn Sie die Einfügereihenfolge benötigen.
Grundlagen von Map und Set — Illustration 6

Quiz zu eindeutigen Set-Werten

Kurzer Check: Eindeutigkeit

Grundlagen von Map und Set — Illustration 7

Zusammenfassung

Zusammenfassung: Wählen Sie Map für Zuordnungen von Schlüssel zu Wert (beliebiger Schlüsseltyp) und Set für eindeutige Werte. Iterieren und konvertieren Sie mit entries()/Array.from.

Grundlagen von Map und Set — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Grundlagen von Map und Set“ kostenlos?

Ja — der vollständige Text von „Grundlagen von Map und Set“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „Grundlagen von Map und Set“?

Map für Schlüssel-Wert-Zuordnungen und Set für eindeutige Werte verwenden; iterieren, konvertieren und kleine Muster anwenden Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 3.

Wie lange dauert die Lektion „Grundlagen von Map und Set“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Grundlagen von Map und Set
  2. WeakMap und WeakSet – einfache Privatsphäre und Caches
  3. Iterationsmuster
← Zurück zu JavaScript Academy