Wie Methoden des Kartenobjekts in JavaScript funktionieren | Mit Beispielen erklärt

Wie Methoden des Kartenobjekts in JavaScript funktionieren | Mit Beispielen erklärt
In JavaScript ist MAP ein Cluster, das aus einigen Elementen in Form von Schlüsselwertpaaren besteht, während ein Kartenobjekt ein iterables Objekt ist, das diese Paare speichert und verwendet werden kann, um die Schlüsselwertepaare in der gleichen Reihenfolge anzuzeigen, in der sie angezeigt werden wurden in gelagert.

In JavaScript sind mehrere Kartenobjektmethoden verfügbar, die für Aufgaben verwendet werden, z. B. für das Erstellen einer neuen Karte, das Einstellen oder Anzeigen von Werten in einer Karte usw. Hier in diesem Artikel haben wir alle JavaScript-Karten-Objektmethoden für Sie erklärt.

Neue Karte ()

Die neue MAP () -Methode, wie der Name vorschlägt, wird zum Erstellen eines neuen Kartenobjekts verwendet.

Syntax

map = new map (["Schlüssel", Wert]);

Beispiel

In diesem Beispiel haben wir die Arbeit von New MAP () gezeigt.

const map1 = new map ();
MAP1.set ('a', 100);
MAP1.set ('b', 200);
MAP1.set ('c', 300);
Konsole.log (map1.Holen Sie sich ("a"));

Wie im Code angegeben, erstellen wir eine neue Karte mit dem Namen “MAP1”. Darüber hinaus weisen wir der neu erstellten Karte mit set () -Methode bestimmte Schlüsselwertepaare zu und zeigen schließlich den in der Taste A 'a' gespeicherten Wert 'A' mithilfe von Get () -Methode.

Ausgang

Eine neue Karte wurde erfolgreich erstellt.

Satz()

Zum Zweck des Hinzufügens oder Änderns von Werten zu einer vorhandenen Karte wird die Methode Set () MAP -Objekt verwendet.

Syntax

Karte.set ("Schlüssel", Wert);

Beispiel

Angenommen, Sie möchten einen bestimmten Wert in einer vorhandenen Karte ändern. Verwenden Sie den folgenden Code.

const map1 = neue Karte ([[
["Kaffee", 100],
["Zucker", 200],
["Milch", 300]
]);
MAP1.set ("Kaffee", 150);
Konsole.log (map1.bekomme Kaffee"));

Im obigen Code wird eine Karte erstellt, in der bestimmte Schlüssel und Werte darin gespeichert sind. Wir verwenden die Methode set (), um den Wert des ersten Schlüssels in der vorhandenen Karte zu ändern.

Ausgang

Der Wert des Schlüsselkaffees wurde in "150" geändert.

erhalten()

Um den Wert eines Schlüssels in einer Karte zu erhalten/abzurufen, wird die Get () -Methode verwendet.

Syntax

Karte.Get ("Schlüssel");

Beispiel

Zeigen wir den Wert eines bestimmten Schlüssels in einer vorhandenen Karte an.

const map1 = neue Karte ([[
["Kaffee", 100],
["Zucker", 200],
["Milch", 300]
]);
Konsole.log (map1.Hol Milch"));

Hier haben wir zunächst eine Karte erstellt und mit der Methode Get () den Wert des Schlüssels „Milch“ anzeigen.

Ausgang

Der Wert des Schlüssels „Milch“ wurde erfolgreich angezeigt.

Größe

Um die in einer Karte vorhandenen Zahlenelemente zu kennen, wird die Größe der Größe verwendet.

Syntax

Karte.Größe;

Beispiel

Angenommen, Sie möchten die Anzahl der in der Karte enthaltenen Elemente anzeigen. Folgen Sie dem angegebenen Code.

const map1 = neue Karte ([[
["a", 1],
["B", 2],
["C", 3]
]);
Konsole.log (map1.Größe);

Im obigen Code erstellen wir eine Karte und zeigen ihre Größe mithilfe der Größe der Größe an.

Ausgang

Die in der Karte vorhandenen Elemente sind 3.

löschen()

Zum Löschen eines bestimmten Elements aus einer Karte wird die Methode delete () verwendet.

Syntax

Karte.löschen ("Schlüssel");

Beispiel

Angenommen, Sie möchten ein bestimmtes Element aus einer Karte löschen:

const map1 = neue Karte ([[
["Kaffee", 1],
["Zucker", 2],
["Milch", 3]
]);
MAP1.löschen ("Zucker");
Konsole.log (map1.Größe);

Im obigen JavaScript -Code löschen wir das "Zucker" -Element aus der Karte und zeigen die verbleibende Anzahl von Elementen mithilfe der Größe der Größe an.

Ausgang

Nach dem Löschen des "Zucker" -Elements beträgt die verbleibende Anzahl von Elementen 2.

klar()

Die Methode clear () wird verwendet, um alle Elemente aus einer Karte zu entfernen.

Syntax

Karte.klar();

Beispiel

Angenommen, Sie möchten alle Schlüsselwertpaare aus einer Karte löschen und die Größe der Karte nach dem Löschen aller Werte anzeigen. Verwenden Sie den folgenden Code.

const map1 = neue Karte ([[
["a", 1],
["B", 2],
["C", 3]
]);
MAP1.klar();
Konsole.log (map1.Größe);

Im obigen Code haben wir zuerst eine bestimmte Karte erstellt und dann die Methode Clear () verwendet, um alle Elemente zu entfernen, und die Kartengröße mithilfe der Größe der Größe angezeigt.

Ausgang

Alle Elemente von MAP1 wurden entfernt.

hat()

Die Has () -Methode zeigt true an, wenn ein angegebener Schlüssel in einer Karte vorhanden ist, und wenn nicht falsch, wenn nicht.

Syntax

Karte.hat ("Schlüssel");

Beispiel

Um zu bewerten, dass ein bestimmter Schlüssel in einer Karte vorhanden ist oder nicht, verwenden Sie den folgenden Code.

const map1 = neue Karte ([[
["Kaffee", 500],
["Zucker", 300],
["Milch", 200]
]);
Konsole.log (map1.hat ("Banane");

Im obigen Code haben wir eine Karte erstellt und bestimmte Schlüsselwertpaare gegeben. Mit der Methode von Has () werden wir überprüfen, ob in der Karte ein Schlüssel mit dem Namen „Banane“ vorhanden ist.

Ausgang

Die Has () -Methode wurde falsch angezeigt, da in der Karte kein solcher Schlüssel vorhanden ist.

für jede()

Zum Zweck der Ausführung einer Funktion für jedes der in einer Karte vorhandenen Elemente wird die foreach () -Methode verwendet.

Syntax

Karte.foreach ((Funktion (Wert, Schlüssel));

Beispiel

Nehmen wir an, Sie möchten alle in einer Karte enthaltenen Schlüsselwertpaare anzeigen, und dafür möchten Sie für jedes dieser Paare eine Funktion mithilfe der Methode foreach () ausführen.

const map1 = neue Karte ([[
["Kaffee", 150],
["Zucker", 250],
["Milch", 350]
]);
sei txt = "";
MAP1.foreach (Funktion (Wert, Schlüssel)
txt + = key + '=' + value + ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ","
)
Konsole.log (txt);

Im obigen Code führen wir eine Funktion für jede in einer Karte vorhandenen Schlüsselwertpaare aus. Diese Funktion zeigt jedes dieser Paare an.

Ausgang

Jedes der in der Karte vorhandenen Schlüsselwertpaare wurden angezeigt.

Schlüssel()

Zum Zweck der Anzeige aller Tasten in einer Karte wird die Keys () -Methode verwendet.

Syntax

Karte.Schlüssel();

Beispiel

Dieses Beispiel zeigt die Arbeit der Keys () -Methode.

const map1 = neue Karte ([[
["Kaffee", 150],
["Zucker", 250],
["Milch", 350]
]);
Konsole.log (map1.Schlüssel());

In diesem Code verwenden wir die Key () -Methode, um jeden Schlüssel in der Karte vorhanden zu lassen.

Ausgang

Jeder Schlüssel in der Karte wurde erfolgreich angezeigt.

Werte()

Zum Zweck der Anzeige aller Werte in einer Karte wird die Werte () -Methode verwendet.

Syntax

Karte.Werte();

Beispiel

Dieses Beispiel zeigt die Arbeit der Werte () -Methode.

const map1 = neue Karte ([[
["Kaffee", 150],
["Zucker", 250],
["Milch", 350]
]);
Konsole.log (map1.Werte());

Wir verwenden die Value () -Methode, um jeden in der Karte vorhandenen Wert anzuzeigen.

Ausgang

Alle Werte in der Karte wurden angezeigt.

Einträge ()

Um alle in einer Karte vorhandenen Schlüssel sowie die Werte anzuzeigen, wird die Methode der Einträge () verwendet.

Syntax

Karte.Einträge ();

Beispiel

Befolgen Sie das folgende Beispiel, um die Arbeit der Einträge () -Methode zu verstehen.

const map1 = neue Karte ([[
["Kaffee", 150],
["Zucker", 250],
["Milch", 350]
]);
Konsole.log (map1.Einträge ());

Hier verwenden wir die Methode der Einträge (), um alle in einer Karte vorhandenen Schlüsselwertpaare anzuzeigen.

Ausgang

Die Methode der Einträge () funktioniert ordnungsgemäß.

Abschluss

Es gibt mehrere JavaScript -Karten -Objektmethoden, mit denen Sie eine neue Karte erstellen, Werte in einer Karte usw. festlegen oder anzeigen können. Diese Methoden werden set (), get (), delete (), clear (), Has (), foreach (), keys (), values ​​() und Einträge (). Alle diese Methoden dienen einem anderen Zweck, der zusammen mit einem relevanten Beispiel im Detail erläutert wird.