Objektkartenmethoden in JavaScript

Eine Karte in JavaScript ist eine Sammlung, in der jedes Element als Tasten- und Wertepaar gespeichert wird. Das Kartenobjekt wird auch als assoziatives Array oder ein Wörterbuch bezeichnet. Sie können jeden Objekt- oder primitiven Datentyp als Schlüssel oder Wert verwenden. Obwohl Sie jedoch in der Regel über ihren Schlüssel auf die MAP -Objektwerte zugreifen können, bewahrt das Kartenobjekt die ursprüngliche Einfügungsreihenfolge bei.

Diese Beschreibung wird diskutieren Objektkartenmethoden in JavaScript. Darüber hinaus werden wir auch die Verwendung von set (), get (), Has (), keys (), values ​​(), Einträgen (), Delete () und Clear () Objektkarte mit Hilfe von Beispielen erklären. So lass uns anfangen!

Erstellen eines neuen Kartenobjekts in JavaScript

Zunächst werden wir eine Liste von Personenobjekten in Ihr JavaScript -Programm hinzufügen:

Sei Jack = Name: 'Jack Smith',
Paul = Name: 'Paul Ave',
max = name: 'max William';

Wir werden eine Karte von Personen und ihre Bezeichnungen erstellen. Das nächste ist also, eine zu erstellenBezeichnungKartenobjekt:

Bezeichnung = new map ();

Der "Bezeichnung"Ist eine Instanz des Kartenobjekts und hat eine"Objekt" Typ:

Konsole.log (typeof (Bezeichnung));
Konsole.log (Bezeichnungsinstanz von Karte);

Schauen Sie sich nun die Ausgabe des oben gegebenen Beispiels an:

Hinzufügen von Elementen mithilfe der SET () -Kapmethode in JavaScript

Wir werden das ausführenSatz()Methode, um die Bezeichnung einer Person zuzuweisen. Die set () -Methode kartiert die Person “Jack" mit "Editor”Post oder Bezeichnung:

Bezeichnung.set (Jack, "Editor");

Da die map -methode set () kettig ist, werden wir sie verwenden, um mehrere Bezeichnungen gleichzeitig zuzuweisen:

Bezeichnung.set (Paul, 'admin')
.set (max, 'subscriber');

Wir haben erfolgreich drei Einträge für “eingegeben“Jack","Paul" Und "Max”Mit ihrer damit verbundenen Bezeichnung oder ihrem Beitrag:

Element mithilfe der Get () -Kapmethode in JavaScript abrufen

Wenn Sie die Bezeichnung der “überprüfen möchten“Jack”, Sie können die Get () -Methode verwenden:

Bezeichnung.Holen Sie sich (Jack);

In der Ausgabe werden die "angezeigt"Jack"Bezeichnung, die wir als" zugewiesen haben "Editor”:

Wir werden jetzt die Bezeichnung von “sehen“Paul" Und "Max”Durch Ausführung der folgenden Zeilen des Code:

Konsole.Protokoll (Bezeichnung.Holen Sie sich (Paul));
Konsole.Protokoll (Bezeichnung.bekommen (max));

Die Ausgabe zeigt, dass Pauls Bezeichnung lautet “Administrator"Und die Bezeichnung von Max ist"Teilnehmer”:

Überprüfen Sie die Existenz eines Schlüssels mit der HAVE () -Kapmethode in JavaScript

Der "hat()Die Objektkartenmethode wird zur Überprüfung verwendet, ob in der Karte ein bestimmter Schlüssel vorhanden ist oder nicht. Der "hat()"Methode gibt einen booleschen Wert zurück", wobei "WAHR”Zeigt das Vorhandensein eines Schlüssels auf der Karte an und“FALSCH”Bedeutet seine Abwesenheit.

Um zu bestätigen, dass das “Max"Schlüssel gibt es, wir werden die" aufrufen "Bezeichnung.hat()”Methode beim Bestehen“Max”Als Argument:

Bezeichnung.hat (max);

Wenn Sie nach einem Schlüssel suchen, der im Bezeichnungskartenobjekt nicht vorhanden ist, wird die Methode von Has () zurückgegeben “FALSCH”Als Wert:

Bezeichnung.hat (John);

Das Erhalten der Anzahl der Elemente mithilfe von Größenkartenobjekteigenschaften in JavaScript

Um über die Anzahl der Einträge informiert zu werden, können Sie die Ihres Kartenobjektes verwenden “Größe" Eigentum.

Hier das "Größe"Die Eigenschaft zeigt uns die Anzahl der Einträge für unsere"BezeichnungKartenobjekt:

Konsole.Protokoll (Bezeichnung.Größe);

Die Ausgabe zeigt, dass in unserem Bezeichnungskartenobjekt drei Tasteneinträge und ihre jeweiligen Werte vorhanden sind:

Iterieren über Kartenschlüssel mithilfe der Keys () -Methode in JavaScript

Du kannst den ... benutzen "Schlüssel()Methode mit einem Kartenobjekt, um die Werte des Schlüssels zu erhalten. Die Kartenmethode Keys () gibt ein Iteratorobjekt zurück, das die Schlüsselelemente des Kartenobjekts umfasst.

Das folgende Beispiel zeigt die in der vorhandenen Personamen an “BezeichnungKartenobjekt:

für (lassen Sie Person der Bezeichnung.Schlüssel())
Konsole.Protokoll (Person.Name);

Iterieren Sie die Kartenwerte mithilfe von VALUTS () -Methoden in JavaScript über Kartenwerte

In ähnlicher Weise können Sie das ausführen "Werte()Methode zum Abrufen eines Iteratorobjekts mit den Elementenwerten Ihres Kartenobjekts:

für (lassen.Werte())
Konsole.log (post);

Iterieren über Kartenelemente mithilfe von Einträgen () -Methoden in JavaScript

Eine andere Objektkartenmethode, über die wir diskutieren möchten, ist “Einträge ()”. Die Objektmethode der Einträge () in JavaScript gibt auch ein Iteratorobjekt zurück, das das Schlüsselwertpaar jedes Kartenobjektelements enthält:

für (lass Element der Bezeichnung.Einträge ())
Konsole.log ('$ element [0].Name: $ Element [1] ');

Löschen spezifischer Kartenelemente mithilfe von Delete () -Methode in JavaScript

Um einen bestimmten Eintrag aus Ihrem Kartenobjekt zu löschen, können Sie die Methode delete () mit den Kartenobjekten aufrufen. Zum Beispiel löschen wir den Eintrag von “JackAus unserem Bezeichnungskartenobjekt, indem Sie die folgende Codezeile ausführen:

Bezeichnung.löschen (Jack);

Löschen aller Kartenelemente mithilfe der Clear () -Methode in JavaScript

Um alle Kartenelemente gleichzeitig zu löschen, können Sie die Methode Map Object Clear () verwenden. Um unsere Bezeichnungselemente zu entleeren, werden wir beispielsweise die Clear () -Methode auf folgende Weise aufrufen:

Bezeichnung.klar();

Nun wird die Größe des Bezeichnungsobjekts sein “0”Da im erstellten Kartenobjekt kein Element vorhanden ist:

Abschluss

Das Kartenobjekt in JavaScript wird verwendet, um Schlüssel zu Werten zu kartieren. Es speichert jedes Kartenelement als Schlüsselpaar und seinen entsprechenden Wert. Verschiedene Objektkartenmethoden wie set (), get (), Has (), keys (), values ​​(), Einträge (), Delete () und Clear () werden für einen bestimmten Zweck verwendet. In diesem Aufschreiben diskutierte Objektkartenmethoden in JavaScript. Darüber hinaus haben wir auch die Verwendung von set (), get (), Has (), keys (), values ​​(), Einträgen (), Delete () und Clear () Objektkartenmethoden erklärt, mit Hilfe von Beispielen.