Was ist ein Kartenobjekt in JavaScript??

JavaScript ist eine Programmiersprache, die Webanwendungen und Webseiten die Möglichkeit gibt, zu denken und zu handeln, indem sie dynamisch und interaktiv werden. Wenn Sie programmieren, verwechseln Sie häufig mit welcher Datenstruktur zum Speichern von Daten, die leicht verwaltet und verstanden werden können. Um Datenerfassung, Arrays und Objekte zu halten, werden häufig verwendete Datenstrukturen verwendet. Schlüsselwertpaare werden in Objekten gespeichert, während indizierte Listen in Arrays gespeichert sind. Dann kam das ECMascript 2015, das ein weiteres iterables Objekt einführte, das als Karten bekannt war, um Entwicklern mehr Flexibilität zu bieten. In diesem Beitrag werden wir also diskutieren, was ein Kartenobjekt in JavaScript ist, und einige praktische Beispiele zusammen mit Screenshots der Ausgabe diskutieren.

Was ist ein Kartenobjekt?

MAP-Objekt wie ein gewöhnliches Objekt ist eine Sammlung von Elementen, die Schlüsselwertpaare speichern. Der Hauptunterschied besteht jedoch darin, dass die Schlüssel von jedem Typ sein können. Es sollte auch beachtet werden, dass sich das Kartenobjekt an die Reihenfolge des Schlüsselwertpaares erinnert.

Syntax:

var map = new map ([it]);

Wo Es ist optional und ein iterables Objekt, dessen Elemente als Schlüsselwertpaare gespeichert werden.

Das Kartenobjekt verfügt über einige Eigenschaften und Methoden, die unten definiert sind:

• Für die Erstellung neuer Karte -> Neue Karte ()
• So speichern Sie einen Wert mithilfe einer Taste -> Karte.festgelegt (Schlüssel, Wert)
• Um den Wert des Schlüssels zu erhalten -> Karte.Holen Sie sich (Schlüssel)
• Wenn der Schlüssel nicht vorhanden ist, müssen Sie abgeben.Holen Sie sich (Schlüssel) undefinierter Rückkehr
• Um alles aus der Karte zu entfernen -> Karte.klar()
• Um die Größe der Karte zu erhalten -> Karte.Größe
• So löschen Sie einen Wert mit dem Schlüssel -> Karte.löschen (Schlüssel)

MAP -Objekt Beispiel1

In dem unten angegebenen Code haben wir zuerst das Kartenobjekt initiiert und dann die Werte festgelegt. Der erste Schlüssel, den wir festlegen. Dann trösten wir das Ergebnis des Erhaltens der Werte der bereitgestellten Schlüssel. Wir überprüfen auch die Größe des Kartenobjekts, das 3 zurückgibt.

// Kartenerstellung
var map = new map ();
// Einstellen von Schlüsselwertpaaren zum Zuordnen
Karte.set ('1', 'String'); // eine String -Taste
Karte.set (1, 'nummer'); // ein numerischer Schlüssel
Karte.set (wahr, 'boolean'); // ein Boolescher Schlüssel
// Informationen von der Karte erhalten
Konsole.Protokoll (Karte.Holen Sie sich (1)); // Nummer
Konsole.Protokoll (Karte.Get ('1')); // String
Konsole.Protokoll (Karte.Größe); // 3

MAP -Objekt Beispiel2

Wir können auch die Schlüssel des Kartenobjekts als Objekte festlegen. Lassen Sie uns dies mit Hilfe des untergegebenen Codes demonstrieren:

var student1 = name: "jhon";
// lasst uns für jeden Schüler ihre Marken aufbewahren
var marks = new map ();
// student1 ist der Schlüssel für die Karte und Schüler 1 selbst ist ein Objekt
Markierungen.set (student1, 93);
Konsole.Protokoll (Markierungen.bekommen (student1)); // 93

Im obigen Beispiel haben wir zuerst ein Objekt mit dem Namen von initiiert Student1 und erstellte dann ein Kartenobjekt. Danach setzen wir die Markierungen von Student1 und protokollieren dann die Noten von Student1. Es ist zu beachten, dass Student1 selbst ein Objekt ist, aber hier der Schlüssel fungiert. Wir erhalten die Ausgabe 93 wie unten gezeigt:

Iterieren über Kartenschlüssel

Lassen Sie uns nun sehen, wie wir über Kartenschlüssel iterieren können.Keys () Methode. Die Karte.Die Keys () -Methode gibt alle Schlüssel des Kartenobjekts in der Reihenfolge zurück, die sie in das Kartenobjekt eingefügt wurden.

Lassen Sie uns ein Kartenobjekt einleiten und Namen als Schlüssel und Werte als Jobposition angeben. Anschließend haben wir eine für die Schleife implementiert, die alle Schlüssel/Namen im Kartenobjekt konsole protokolliert.

// Kartenobjekt erstellen
var power = neue Karte ([[
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'Schriftsteller']
]);
// für Schleife
für (VAR -Name der Mitarbeiter.Schlüssel())
Konsole.log (name);

Die Ausgabe des obigen Codes lautet:

Um die Kartenwerte zu iterieren, werden wir einfach ändern Mitarbeiter.Schlüssel() Zu Mitarbeiter.Werte():

// Kartenobjekt erstellen
var power = neue Karte ([[
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'Schriftsteller']
]);
// für Schleife
für (var Position der Mitarbeiter.Werte())
Konsole.log (Position);

Löschen von Elementen mit der Schlüssel

In diesem Beispiel löschen wir einen Eintrag im Kartenobjekt mit dem löschen() Methode:

// Kartenobjekt erstellen
var power = neue Karte ([[
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'Schriftsteller']
]);
// John von Mitarbeitern löschen
Mitarbeiter.löschen ("John");
// für Schleife
für (VAR -Name der Mitarbeiter.Schlüssel())
Konsole.log (name);

Wir können das sehen John wurde in der Ausgabe gelöscht und fehlt:

Abschluss

Das Kartenobjekt wurde in ES6 eingeführt und vor dem Kartenobjekt wurden gewöhnliche Objekte verwendet. Ein Objekt hat jedoch einige Mängel wie ein Objekt hat immer einen Standard -Schlüsselprototyp, und man kann ein Objekt nicht als Schlüssel verwenden. Um dieses Problem zu lösen, wurde die Karte eingeführt, eine Sammlung von Elementen, die in Schlüsselwertpaaren gespeichert sind, genau wie Objekte, aber hier können Tasten von jedem Typ sein. In diesem Beitrag haben wir in JavaScript ein Kartenobjekt gesehen und zwei Beispiele diskutiert. Abgesehen davon haben wir auch verschiedene Methoden und Eigenschaften von Kartenobjekten von JavaScript implementiert und untersucht.