So definieren Sie eine Karte in js

Ich habe vor ein paar Tagen immer Arrays und Objekte zum Definieren von Datenmodellen verwendet. Als ich mir die ES6-Syntax ansah, entdeckte ich plötzlich, dass es ein Map-Objekt gibt, das sich besonders für die Bedienung von Schlüssel-Wert-Paaren eignet, und den Code ist prägnanter und klarer, was großartig ist.

Heute lernen wir Schritt für Schritt, was ein Kartenobjekt ist, und stellen Ihnen die Eigenschaften und Methoden des Kartenobjekts im Detail vor. Ich hoffe, dass in Zukunft jeder einen anderen Weg finden wird, Probleme bei der Datenmanipulation zu lösen. Dies ist eine neue Datenstruktur in ECMA 6.

Definition

Map-Objekt speichert Schlüssel/Wert-Paare und ist eine Sammlung von Schlüssel/Wert-Paaren. Jeder Wert (Objekt oder Grundelement) kann als Schlüssel oder Wert verwendet werden. Die Objektstruktur bietet eine „String-Wert“-Korrespondenz und die Map-Struktur eine „Wert-Wert“-Korrespondenz.

Syntax:

mapObj=new Map([iterable]);

iterable kann ein Array oder ein anderes iterierbares Objekt sein, dessen Elemente entweder Schlüssel-Wert-Paare oder ein Array aus zwei Elementen sind. Jedes Schlüssel-Wert-Paar wird einer neuen Map hinzugefügt. null wird als undefiniert behandelt.

Map-Instanz

Alle Map-Instanzen erben von Map.prototype.

Beispiel

Map-Objekt ähnelt einem Objekt und ist ebenfalls eine Sammlung von Schlüssel-Wert-Paaren, aber der Umfang von „key“ ist nicht auf Zeichenfolgen beschränkt. Als Schlüssel können verschiedene Arten von Werten (einschließlich Objekten) verwendet werden.

let a=new Map();
let b={p:'Hello World'};
a.set(b,"content");
a.get(b);				//"content"
a.has(b)				//true
a.delete(b)				//true
a.has(b)   				//false

Als Konstruktor kann Map auch ein Array als Parameter akzeptieren. Die Mitglieder dieses Arrays sind Arrays, die Schlüssel-Wert-Paare darstellen.

let map=new Map(['first','aaaaaa'],['second','bbbbbb']);;
map.size();				//2
map.has('first');		//true
a.get(b);				//'aaaaaa'
map.has('second');		//true
a.get(b);				//'bbbbbb'

Das obige ist der detaillierte Inhalt vonSo definieren Sie eine Karte in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!