Karten in JavaScript | Erklärt

Karten in JavaScript sind auch eine Art strukturierte Datenspeicherung, die den Objekten und Arrays ähneln,. Karten bringen jedoch das Beste aus Objekten und Arrays heraus. Karten speichern Daten in Schlüsselwertpaaren, ähnlich wie bei einem Objekt mit dem Unterschied, dass der Schlüssel in Karten von verschiedenen Datentypen sein kann. MAP speichert Daten in einer erhaltenen Reihenfolge, wodurch es einem Array ähnlich ist, wobei der Unterschied Schlüsselwertpaare anstelle von indizierten Werten ist.

Karten wurden in der ES6 -Version von JavaScript veröffentlicht, die auch als ES2015 JS bekannt ist. Karten werden hauptsächlich verwendet, weil sie dem Programmierer Flexibilität bieten.

Syntax von Karten

Um eine neue Karte zu initialisieren, verwenden Sie die folgende Syntax:

var map = new map ();

Wie Sie sehen können, erstellen wir eine neue Karte, indem wir die Konstruktorfunktion mithilfe des Schlüsselworts aufrufenneu”.

Wie man mit Karten arbeitet?

Erstellen wir eine neue Kartenvariable, indem Sie die folgende Zeile verwenden:

var dataSet = new map ();

Sie haben einen neuen Datensatz erstellt, in dem Sie verschiedene Arten von Informationen speichern können, um Werte in eine Karte zu setzen, die Sie verwenden, die Sie verwenden können Methode festlegen. Die Syntax der Set -Methode der Karte lautet als:

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

Jetzt kennen Sie die Syntax. Versuchen wir also, einige Werte in der Karte mit den folgenden Codezeilen einzulegen:

Datensatz.set (1, "englisch");
Datensatz.set (2, "Spanisch");
Datensatz.set (3, "französisch");

Wie Sie sehen können, haben Sie drei Schlüsselwertepaare in der Karte hinzugefügt. Sie können diese überprüfen, indem Sie die Karte mit dem ausdrucken Konsole.Protokoll() Funktion wie:

Konsole.log (Dataset);

Der gesamte Code -Snippet ist als

var dataSet = new map ();
Datensatz.set (1, "englisch");
Datensatz.set (2, "Spanisch");
Datensatz.set (3, "französisch");
Konsole.log (Dataset);

Nachdem Sie diesen Code ausgeführt haben, sehen Sie die folgende Ausgabe auf Ihrer Konsole:

Beachten Sie, dass es in der Ausgabe eine interessante Sache gibt, die a unterscheidet Karte von einem Objekt, In Objekten werden Schlüsselwertpaare durch a getrennt Doppelpunkt ":" Während im Fall von Karten die Schlüsselwertpaare durch ein getrennt werden Pfeil "=>".

Durch eine Karte iteriert

Sie haben mehrere Möglichkeiten, durch die Karte zu iterieren. Eine der traditionellen Möglichkeiten besteht darin, die für die Karte zu verwenden.

Fetchingschlüssel der Karte abrufen

Sie können die Tasten der Karte durch die folgenden Codezeilen iterieren:

für (Tasten des Datensatzes.Schlüssel())
Konsole.log ('Schlüssel sind: $ keys');

Die Ausgabe ist als

Abrufen von Werten der Karte

Um die Werte der Karte durchzusetzen, können Sie die folgenden Codezeilen verwenden:

für (Werte des Datensatzes.Werte())
Konsole.log ('Werte sind: $ values');

Die Ausgabe ist als

Tasten und Werte als Paar abrufen

Wenn Sie als Paar sowohl Schlüssel als auch Werte abrufen möchten, können Sie dies tun, indem Sie die folgenden Codezeilen verwenden:

für ([Schlüssel, Werte] des Datensatzes)
Konsole.log ('Schlüssel ist: $ keys und Wert ist: $ values');

Einen bestimmten Wert von einem bestimmten Schlüssel erhalten

Sie können sogar einen bestimmten Wert von einer Karte mit dem erhalten Methode erhalten, Probieren Sie die folgende Codezeile aus:

Konsole.Protokoll (Datensatz.Holen Sie sich (1));

Sie erhalten die folgende Ausgabe:

Wie Sie sehen können, konnten Sie den Wert eines bestimmten Schlüssels mit dem erhalten erhalten Methode.

Verschiedene Arten von Schlüssel

Wie oben erwähnt, kann eine Karte verschiedene Tastenarten haben, was die Hauptmerkmale ist, die eine Karte von einem einfachen Objekt unterscheidet. Nehmen wir die gleiche Karte, die wir in allen oben genannten Beispielen verwendet haben. Fügen Sie jedoch einige Schlüsselwertpaare mit verschiedenen Tastenarten hinzu:

Zeichenfolge als Schlüssel
Sie können Schlüssel von String -Datentypen wie in der folgenden Zeile angezeigt:

Datensatz.set ("coms", "ziemlich gut");

Boolescher als Schlüssel
Sie können einen Schlüssel für Boolesche Datentypen wie die folgende Codezeile haben:

Datensatz.set (true, 1);
Datensatz.set (false, 0);

Objekte als Schlüssel
Sie können sogar Objekte als Schlüssel übergeben, versuchen Sie die folgenden Codezeilen:

var Person1 = Name: "John Doe", Alter: 25, Höhe: "6 ft 2";
Datensatz.set (Person1, "Mitglied");

Um den gesamten oben genannten Code zu überprüfen, können Sie einfach a aufrufen Konsole.Protokoll() Funktionieren Sie die Karte auf die Konsole als:

Konsole.log (Dataset);

Der komplette Code -Snippet ist als

var dataSet = new map ();
Datensatz.set (1, "englisch");
Datensatz.set ("coms", "ziemlich gut");
Datensatz.set (true, 1);
Datensatz.set (false, 0);
var Person1 = Name: "John Doe", Alter: 25, Höhe: "6 ft 2";
Datensatz.set (Person1, "Mitglied");
Konsole.log (Dataset);

Nachdem Sie den obigen Code ausgeführt haben, erhalten Sie die folgende Ausgabe:

Wie Sie sehen können, wurde jeder Schlüssel zusammen mit seinem Wert in den Datensatz hinzugefügt, und so funktionieren Karten in JavaScript.

Abschluss

Karten sind eine Sammlung von Schlüsselwertpaaren, die in einer erhaltenen Reihenfolge gespeichert sind, wodurch die Karte das Verhalten sowohl des Objekts als auch des Arrays nachahmt. Karten können über einen beliebigen Datentyp und einen beliebigen Datentyp des Wertes verfügen, während die Reihenfolge der Schlüsselwertpaare genau wie in Arrays beibehalten wird. Sie können Schlüsselwertpaare in der Karte mit der Karte hinzufügen Satz() Methode der Karte erhalten Sie einen bestimmten Wert mit der erhalten() Methode und um die gesamte Karte zu iterieren, können Sie die verwenden für die Schleife. Karten werden verwendet, weil sie dem Programmierer mehr Flexibilität und Freiheit bieten.