Grundlegendes zu Maps und Sets in JavaScript
Datenstrukturen sind das Rückgrat jeder Programmiersprache. Beispiele sind die verknüpfte Liste, Bäume, Stapel, Warteschlangen und Grafiken. In diesem Artikel erfahren Sie, wie Sie die Karte verwenden und Datenstrukturen in JavaScript festlegen.
Im Jahr 2015 führte JavaScript ES6 ein, um Entwicklern eine verbesserte Programmiererfahrung zu bieten. ES6 führte Maps und Sets ein, damit Entwickler sie nicht mit primitiven Datentypen erstellen müssen. Schauen wir uns sie genauer an.
Karten in JavaScript verstehen
Die Karte ist eine Art von Datenstruktur, die Schlüssel-Wert-Paare speichert. Es ist eine der effizientesten Methoden zum Suchen und Abrufen von Daten. Sie können alle Arten von Daten in JavaScript-Maps speichern.
Sehen wir uns einige Methoden an, die Sie für JavaScript-Maps ausführen können.
1. set()
Mit der Methode set() können Sie ein Schlüssel-Wert-Paar in eine Karte einfügen. Diese Methode benötigt zwei Argumente: den Schlüssel und den Wert.
Sehen Sie sich den folgenden Code an, der Ihnen zeigt, wie Sie in eine Karte einfügen.
let map = new Map();
map.set("fruit1", "Grapes");
map.set("fruit2", "Mango");
map.set("fruit3", "Strawberry");
map.set("fruit4", "Mango");
console.log(map)
Die Ausgabe nach dem Drucken der Karte:
Map {
'fruit1' => 'Grapes',
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }
2. löschen()
Um ein Element aus einer Map zu löschen, verwenden Sie die Methode delete() . Diese Methode akzeptiert ein Argument: den Schlüssel der Daten, die Sie löschen möchten. Wenn der Schlüssel vorhanden ist, entfernt diese Methode diesen Eintrag aus der Zuordnung und gibt true zurück. Andernfalls wird false zurückgegeben.
console.log("Is the fruit1 deleted", map.delete("fruit1"));
console.log(map)
Die Ausgabe nach dem Löschen der Frucht1 :
Is the fruit1 deleted true
Map {
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }
3. get()
Die Methode get() ruft den Wert des angegebenen Schlüssels ab. Wie die Methode delete() akzeptiert sie ein Argument: den Schlüssel.
console.log(map.get("fruit2"))
Erzeugt die folgende Ausgabe:
Mango
4. Größe ()
Die Methode size() gibt die Anzahl der in der Karte vorhandenen Schlüssel-Wert-Paare zurück.
let map = new Map();
map.set("fruit1", "Grapes");
map.set("fruit2", "Mango");
map.set("fruit3", "Strawberry");
map.set("fruit4", "Mango");
console.log("The size of the map is", map.size)
Liefert folgendes Ergebnis:
The size of the map is 4
5. löschen()
Um alle Elemente aus der Karte zu löschen, verwenden Sie die Methode clear() .
map.clear()
console.log(map)
Die Ausgabe der Karte nach dem Löschen aller Elemente:
Map {}
6. hat()
Die Methode has() hilft Ihnen zu überprüfen, ob der Schlüssel in einer Map vorhanden ist oder nicht. Es gibt einen booleschen Wert zurück, der von der Existenz eines Elements in der Karte abhängt. Diese Methode akzeptiert ein Argument: den zu suchenden Schlüssel.
console.log("The grapes exists:", map.has("fruit1"))
Erzeugt mit unserer Beispiel-Map die folgende Ausgabe:
The grapes exists: true
7. Schlüssel ()
Die Methode keys() gibt einen Iterator mit allen darin enthaltenen Schlüsseln zurück. Sie können sie durchlaufen, um Zugriff auf einen einzelnen Schlüssel zu erhalten.
const keys = map.keys();
for (let k of keys) {
console.log(k);
}
Die Ausgabe des obigen Codes ist:
fruit1
fruit2
fruit3
fruit4
8. Werte
Die Methode values() gibt einen Iterator mit allen darin enthaltenen Werten zurück.
const values = map.values();
for (let v of values) {
console.log(v);
}
Die Ausgabe des obigen Codes ist:
Grapes
Mango
Strawberry
Mango
Verstehen von Mengen in JavaScript
Die eingestellte Datenstruktur hat eindeutige Werte, dh kein Wert kann sich wiederholen. Sie können alle Arten von Werten in einem Satz speichern, einschließlich Grundelementen und Objekten.
Schauen wir uns einige Methoden im Set an:
1. hinzufügen()
Die Methode add() hilft Ihnen, Daten zum Set hinzuzufügen. Wenn Sie versuchen, doppelte Daten hinzuzufügen, ignoriert das Set diese einfach.
let s = new Set();
s.add(1);
s.add(2);
s.add(3);
s.add(4);
s.add(4);
console.log(s);
Liefert die Ausgabe:
Set { 1, 2, 3, 4 }
2. löschen()
Die Methode delete() löscht den angegebenen Wert aus der Menge.
s.delete(3);
console.log(s);
Die Ausgabe nach dem Löschen 3:
Set { 1, 2, 4 }
3. hat()
Die Methoden has() helfen Ihnen zu überprüfen, ob ein Wert in der Menge vorhanden ist oder nicht.
console.log(s.has(1))
Die Ausgabe des obigen Codes ist true .
4. löschen()
Die Methode clear() hilft Ihnen, alle Elemente im Set zu löschen.
s.clear();
console.log(s);
Die Ausgabe nach dem Löschen aller Elemente im Set:
Set {}
Erfahren Sie mehr über ES6
Nachdem Sie nun gelernt haben, wie Sie Maps und Sets in JavaScript verwenden, ist es an der Zeit, diese in Ihren Projekten zu implementieren. Sie können sie beim Lösen von Datenstruktur- und Algorithmusproblemen verwenden. Sie können eine Karte verwenden, um einen Hashing-Algorithmus zu implementieren.
Möchten Sie mehr über ES6 erfahren? Schauen Sie sich den folgenden Artikel an, der Ihnen alles darüber erzählt.