Wie verwende ich ein Kartenobjekt in JavaScript? Welche Operationen gibt es?

In diesem Artikel erfahren Sie, wie Sie ein Kartenobjekt erstellen und wie Sie ein Kartenobjekt zum Hinzufügen, Abrufen, Löschen und Iterieren verwenden. Schauen wir uns also den spezifischen Inhalt an.

Werfen wir zunächst einen Blick auf Wie erstelle ich ein Kartenobjekt?

Kartenobjekte sind oft einfacher zu verstehen, wenn assoziative Arrays erstellt werden.

Wir erstellen zunächst eine Instanz mit new.

var map = new Map();

Um Elemente hinzuzufügen, verwenden wir die Methode set().

map.set('name', 'Tom');

In diesem Beispiel wird der String-Wert „Tom“ zu „name“ hinzugefügt.

Übrigens können Sie beim Erstellen einer Instanz den Anfangswert auch wie folgt festlegen.

new Map([['name', 'Tom'], ['name', 'Jerry']]);

So erhalten und löschen Sie Elemente

Erstellen Sie beispielsweise ein Kartenobjekt wie folgt:

var map = new Map();
  
map.set('name', 'Tom');
map.set('age', 18);

Um den Namen " zu erhalten " Wert, können Sie die Methode get() verwenden. Wie unten gezeigt

console.log(map.get('name'));

Übrigens, wenn Sie „size“ ausführen, können Sie die Anzahl der gespeicherten Elemente erhalten, und wenn Sie has() verwenden, können Sie bestätigen, ob es einen Wert gibt.

console.log(map.size);
console.log(map.has('age'));

Um ein Element zu löschen, geben Sie einfach den Wert des Elements an, das Sie löschen möchten, in delete().

map.delete('name');
map.clear();

Bei Kartenobjekten werden durch Ausführen von „clear“ alle gespeicherten Elemente gelöscht.

Iterative Verarbeitung von Kartenobjekten

Normalerweise ist die Iteration mit for-of-Anweisungen einfach, aber Kartenobjekte bieten nützliche Eigenschaften.

Zum Beispiel können Sie mit key() alle „Schlüssel“ eines gespeicherten Elements abrufen.

Siehe das Beispiel unten

for(var key of map.keys()) {
  console.log(key);
}

In diesem Beispiel können Sie sehen, dass wir „keys()“ verwenden, um die im Map-Objektspeicher gespeicherten Schlüssel zu durchlaufen

So Map Alle Schlüssel eines Objekts können aufgezählt werden.

Außerdem werden durch die Verwendung von Values() dieses Mal alle Werte abgerufen.

for(var val of map.values()) {
  console.log(val);
}

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen der PHP-Chinese-Website! ! !

Das obige ist der detaillierte Inhalt vonWie verwende ich ein Kartenobjekt in JavaScript? Welche Operationen gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!