MAP -Objekt in JavaScript | Erklärt
In JavaScript werden verschiedene Datenstrukturen wie Arrays und Objekte verwendet, um die Datensammlungen zu speichern. In JavaScript können Schlüsselwertpaare in den Objekten gespeichert werden. Das ECMAScript 2015 bietet ein neues iterables Objekt mit dem Namen Maps, das mehr Flexibilität bietet, indem die Elemente als Schlüsselwertpaare gespeichert werden.
In diesem Beitrag wird ein detaillierter Überblick über das Kartenobjekt vorhanden und werden wie folgt organisiert:
- Was ist ein Kartenobjekt?
- So erstellen Sie ein Kartenobjekt?
- MAP -Objektmethoden in JavaScript kartieren.
- So löschen Sie Kartenelemente?
- So erhalten Sie den Wert des Schlüssels in einer Karte?
- So erhalten Sie Anzahl von Kartenelementen?
- So rufen Sie Schlüssel aus einem Kartenobjekt ab?
Was ist ein Kartenobjekt?
Die folgenden angegebenen Punkte helfen Ihnen dabei, das Konzept des Kartenobjekts zu verstehen:
- Es ist eine Sammlung von Elementen/Elementen.
- Es kann die Schlüsselwertepaare halten/speichern/speichern.
- Es behält die Einfügungsreihenfolge des Schlüsselwertpaares bei.
- Tasten in einem Kartenobjekt können alle Datentypen wie Zahlen, Zeichenfolgen, Objekte usw. haben.
So erstellen Sie ein Kartenobjekt?
Ein Kartenobjekt kann entweder mit einem neuen MAP () -Konstruktor oder der set () -Methode erstellt werden. Wir werden die Arbeit jeder Methode eins nacheinander verstehen.
So erstellen Sie ein Kartenobjekt mit dem neuen MAP () -Konstruktor?
In JavaScript können wir ein Kartenobjekt mit einem neuen MAP () -Konstruktor erstellen. Dazu müssen wir eine Reihe von Elementen an die neue MAP () -Methode übergeben:
| 1 2 3 4 5 6 7 8 | var stddetails = neue Karte ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); Konsole.log (stddetails); |
Führen Sie nun den obigen Code aus, um zu sehen, was die daraus resultierende Ausgabe sein wird:
So funktioniert die neue MAP () -Methode in JavaScript.
So erstellen Sie ein Kartenobjekt mit der Methode set ()?
Eine andere Möglichkeit, ein Kartenobjekt zu erstellen, ist set () -Methode, mit der wir Elementen zu einer Karte hinzufügen können.
| 1 2 3 4 5 6 7 | var stddetails = new map () stddetails.set (1, "Alex"), stddetails.set (2, "Dean"), stddetails.Set (3, "Joanes"), stddetails.set (4, "John"), stddetails.set (5, "Joe"), Konsole.log (stddetails); |
Das obige Code -Stück erzeugt das unten angegebene Ergebnis:
Die Ausgabe hat klargestellt, dass das Kartenobjekt mit fünf Elementen erfolgreich erstellt wurde.
MAP -Objektmethoden in JavaScript kartieren
Die untergegebene Tabelle veranschaulicht die Kartenmethoden und deren Arbeit in JavaScript:
| Methode | Beschreibung |
|---|---|
| Neue Karte () | Es wird verwendet, um ein neues Kartenobjekt zu erstellen. |
| Satz() | Die set () -Methode legt den Wert des Schlüssels in einer Karte fest. |
| erhalten() | Diese Methode wird verwendet, um einen Wert zu erhalten, der mit einem bestimmten Schlüssel in der Karte verknüpft ist. |
| löschen() | Es löscht ein Kartenelement, das einem bestimmten Schlüssel zugeordnet ist. |
| klar() | Es löscht/löscht alle Kartenelemente. |
| für jede() | Es ruft einen Rückruf für jedes einzelne Schlüssel-/Wertpaar auf, das in der Karte vorhanden ist |
| hat() | Es wird verwendet, um zu überprüfen, ob in der Karte ein bestimmter Schlüssel vorhanden ist. |
| Schlüssel() | Diese Methode wird verwendet, um die Kartenschlüssel zu erhalten. |
| Einträge () | Es gibt ein Iteratorobjekt zurück, das aus einem in einer Karte vorhandenen [Schlüssel, Wert, Wert] besteht. |
| Werte() | Diese Methode gibt ein Iteratorobjekt zurück, das alle Kartenwerte enthält. |
Sobald das Kartenobjekt erstellt wurde, können Sie eine der oben genannten Methoden verwenden, um verschiedene Funktionen zu erreichen.
So löschen Sie Kartenelemente?
In JavaScript kann die Löschmethode verwendet werden, um das Kartenelement wie im folgenden Code -Snippet zu entfernen:
| 1 2 3 4 5 6 7 8 9 | var stddetails = neue Karte ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); stddetails.löschen (3); Konsole.log (stddetails); |
In diesem Beispiel haben wir 3 an die Methode delete () übergeben, mit der das Kartenelement mit ID 3 entfernen wird:
So können wir ein bestimmtes Kartenelement löschen. In JavaScript kann die Methode clear () verwendet werden, um alle Kartenelemente zu löschen:
| 1 2 3 4 5 6 7 8 9 | var stddetails = neue Karte ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); stddetails.klar(); Konsole.log (stddetails); |
Hier ist die Ausgabe für die Methode clear ():
So erhalten Sie den Wert eines Schlüssels in einer Karte?
In JavaScript kann die Get () -Methode verwendet werden, um einen Wert in der Karte zugeordnet zu erhalten, wie im untergegebenen Code-Snippet gezeigt:
| 1 2 3 4 5 6 7 8 | var stddetails = neue Karte ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); Konsole.log (STDDetails.Holen Sie sich (5)); |
Die Get () -Methode erzeugt die folgende Ausgabe:
So erhalten Sie die Größe/Anzahl der Kartenelemente?
In JavaScript verfügt das MAP -Objekt über eine Eigenschaft mit dem Namen Size, mit der die Anzahl der Elemente in einer Karte abgerufen werden kann.
| 1 2 3 4 5 6 7 8 | var stddetails = neue Karte ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); Konsole.log (STDDetails.Größe); |
Die Eigenschaft der Größe erzeugt die folgende Ausgabe:
So können Sie die Größe einer Karte erhalten.
So rufen Sie Schlüssel aus einem Kartenobjekt ab?
In JavaScript kann die Key () -Methode verwendet werden, um die Schlüssel eines Kartenobjekts zu erhalten:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var stddetails = neue Karte ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); var string = ""; für (var items von stddetails.Schlüssel()) String + = Elemente + "\ n"; Konsole.log (string); |
Führen Sie nun den obigen Code aus, um zu sehen, was die daraus resultierende Ausgabe sein wird:
So können wir jede MAP () -Fobjektmethode verwenden, um unterschiedliche Funktionen zu erreichen.
Abschluss
MAP-Objekt in JavaScript ist eine Sammlung von Elementen, die die Schlüsselwertepaare aufbewahren/speichern können. Tasten in einem Kartenobjekt können alle Datentypen wie Zahlen, Zeichenfolgen, Objekte usw. haben. Das Kartenobjekt behält die Reihenfolge des Schlüsselwertpaares bei. Das Kartenobjekt bietet zahlreiche Methoden, die für verschiedene Zwecke verwendet werden. In diesem Beitrag wurde erläutert, was genau das Kartenobjekt ist und wie die Kartenobjektmethoden verwendet werden, um unterschiedliche Funktionen zu erreichen.