Arbeiten mit Karten und Sets in JavaScript: Ein umfassender Leitfaden

Arbeiten mit Karten und Sets in JavaScript

Maps und Sets sind zwei wichtige Datenstrukturen, die in ES6 (ECMAScript 2015) eingeführt wurden und eine erweiterte Funktionalität gegenüber herkömmlichen Objekten und Arrays bieten. Sowohl Maps als auch Sets ermöglichen es Ihnen, eindeutige Werte zu speichern und auf organisiertere und effizientere Weise mit Daten zu arbeiten.

1. Karten in JavaScript

Eine Map ist eine Sammlung von Schlüssel-Wert-Paaren, wobei sowohl Schlüssel als auch Werte einen beliebigen Datentyp haben können. Im Gegensatz zu Objekten, die nur Zeichenfolgen oder Symbole als Schlüssel haben können, erlauben Maps die Verwendung jedes beliebigen Werts (Objekte, Arrays, Funktionen usw.) als Schlüssel.

Eine Karte erstellen

Um eine Karte zu erstellen, können Sie den Kartenkonstruktor verwenden:

const map = new Map();

Alternativ können Sie eine Map mit einem Array von Schlüssel-Wert-Paaren initialisieren:

const map = new Map([
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'New York']
]);

console.log(map);

Einträge zu einer Karte hinzufügen

Sie können Einträge mit der set()-Methode hinzufügen:

const map = new Map();

map.set('name', 'John');
map.set('age', 30);
map.set('city', 'Los Angeles');

console.log(map);

Zugriff auf Werte in einer Karte

Sie können mit der get()-Methode auf den mit einem Schlüssel verknüpften Wert zugreifen:

const map = new Map([
  ['name', 'Alice'],
  ['age', 25]
]);

console.log(map.get('name'));  // Output: Alice
console.log(map.get('age'));   // Output: 25

Suchen nach einem Schlüssel in einer Karte

Um zu überprüfen, ob ein Schlüssel vorhanden ist, verwenden Sie die Methode has():

const map = new Map([
  ['name', 'John'],
  ['age', 30]
]);

console.log(map.has('name'));  // Output: true
console.log(map.has('city'));  // Output: false

Einträge aus einer Karte entfernen

Sie können ein Schlüssel-Wert-Paar mit der Methode delete() entfernen:

map.delete('age');
console.log(map.has('age'));  // Output: false

So löschen Sie alle Einträge aus der Karte:

map.clear();
console.log(map.size);  // Output: 0

Iterieren über eine Karte

Sie können die Schlüssel-Wert-Paare in einer Map mit forEach() oder der for...of-Schleife durchlaufen:

const map = new Map([
  ['name', 'Alice'],
  ['age', 25]
]);

// Using forEach
map.forEach((value, key) => {
  console.log(key, value);
});

// Using for...of
for (const [key, value] of map) {
  console.log(key, value);
}

2. Setzt in JavaScript

Ein Set ist eine Sammlung eindeutiger Werte, was bedeutet, dass alle doppelten Werte automatisch entfernt werden. Im Gegensatz zu Arrays, die mehrere identische Elemente speichern können, stellen Sets sicher, dass jeder Wert in der Sammlung eindeutig ist.

Ein Set erstellen

Sie können ein Set mit dem Set-Konstruktor erstellen:

const set = new Set();

Alternativ können Sie ein Set mit einem Array von Werten initialisieren:

const set = new Set([1, 2, 3, 4, 5]);
console.log(set);

Werte zu einem Satz hinzufügen

Sie können Werte zu einem Set hinzufügen, indem Sie die Methode add() verwenden:

const set = new Set();

set.add(1);
set.add(2);
set.add(3);
set.add(2);  // Duplicate value, won't be added

console.log(set);  // Output: Set { 1, 2, 3 }

Auf einen Wert in einer Menge prüfen

Um zu überprüfen, ob ein Wert in einem Set vorhanden ist, verwenden Sie die Methode has():

console.log(set.has(2));  // Output: true
console.log(set.has(4));  // Output: false

Werte aus einem Satz entfernen

Sie können einen Wert aus einem Set entfernen, indem Sie die Methode delete() verwenden:

const map = new Map();

So löschen Sie alle Werte aus dem Satz:

const map = new Map([
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'New York']
]);

console.log(map);

Iterieren über einen Satz

Sie können die Werte in einem Set mit forEach() oder for...of loop:
durchlaufen

const map = new Map();

map.set('name', 'John');
map.set('age', 30);
map.set('city', 'Los Angeles');

console.log(map);

3. Vergleich zwischen Karten und Sets

Funktion Karte Einstellen

Feature	Map	Set
Storage	Stores key-value pairs	Stores unique values only
Key Types	Any type (objects, arrays, primitive types)	Only values (no keys)
Uniqueness	Keys must be unique, values can repeat	Values must be unique
Order of Elements	Iterates in insertion order	Iterates in insertion order
Size	map.size	set.size
Methods	set(), get(), has(), delete(), clear()	add(), has(), delete(), clear()

Speicher Speichert Schlüssel-Wert-Paare Speichert nur eindeutige Werte

Schlüsseltypen

Jeder Typ (Objekte, Arrays, primitive Typen) Nur Werte (keine Schlüssel) Einzigartigkeit Schlüssel müssen eindeutig sein, Werte können sich wiederholen Werte müssen eindeutig sein

Reihenfolge der Elemente

Iteriert in Einfügungsreihenfolge Iteriert in Einfügungsreihenfolge

Größe

map.size set.size Methoden set(), get(), has(), delete(), clear() add(), has(), delete(), clear()

• 4.
Anwendungsfälle für Karten und Sets

Maps

sind nützlich, wenn Sie eindeutige Schlüssel bestimmten Werten zuordnen müssen. Beispiele hierfür sind:

Benutzereinstellungen speichern

Konfigurationsoptionen speichern
Zwischenspeicherung von Daten basierend auf Schlüsseln

Sets sind ideal, wenn Sie eine Sammlung eindeutiger Werte speichern müssen. Beispiele hierfür sind:

Verfolgen einzelner Besucher auf einer Website
• Doppelte Werte aus einem Array entfernen
Verfolgen von Artikeln, die verarbeitet oder gesehen wurden

Abschluss

---

Maps bieten eine effiziente Speicherung von Schlüssel-Wert-Paaren mit Unterstützung für jeden Datentyp als Schlüssel und behalten die Einfügungsreihenfolge bei.

Sets

speichern eindeutige Werte und sind besonders nützlich, wenn Sie sicherstellen möchten, dass es in einer Sammlung keine Duplikate gibt.

Sowohl Karten als auch Sets bieten leistungsstarke Funktionen und können Ihnen dabei helfen, Daten strukturierter und effizienter zu verwalten. Hallo, ich bin Abhay Singh Kathayat! Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen. Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: kaashshorts28@gmail.com.

Das obige ist der detaillierte Inhalt vonArbeiten mit Karten und Sets in JavaScript: Ein umfassender Leitfaden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!