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

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);

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);

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]"]);

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()));

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.

Quiz zu eindeutigen Set-Werten
Kurzer Check: Eindeutigkeit

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.

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
- Grundlagen von Map und Set
- WeakMap und WeakSet – einfache Privatsphäre und Caches
- Iterationsmuster