Parsen von Kartenobjekten in JavaScript (mit Beispielen)

Der Inhalt dieses Artikels befasst sich mit der Analyse von Kartenobjekten in JavaScript (mit Beispielen). Ich hoffe, dass er für Freunde hilfreich ist.

1. Erstellen Sie ein Kartenobjekt

Kartenobjekte speichern Schlüssel-Wert-Paare. Jeder Wert (Objekt oder Grundelement) kann als Schlüssel oder Wert verwendet werden

1. Konstruktor

Syntax: new Map([iterable])
Parameter :

iterable kann ein Array oder ein anderes iterierbares Objekt sein, dessen Elemente entweder Schlüssel-Wert-Paare oder ein Array aus zwei Elementen sind, die zu einer neuen Map hinzugefügt werden und als Null behandelt werden als undefiniert

let arr = [1,2,3];
let myMap = new Map(arr.entries());
console.log(myMap.get(0)); // 1

2. Map-Instanzattribute

myMap.size Das zugängliche Attribut gibt die Anzahl der Elemente des Map-Objekts zurück 🎜>size-Attribut ist eine Ganzzahl, die angibt, wie viele Schlüssel-Wert-Paare das Map-Objekt hat. size ist ein schreibgeschütztes Attribut und die entsprechende Set-Methode ist undefiniert, d >1.set ()

Syntax: myMap.set(key, value)

Parameter: key ist erforderlich, der Schlüsselwert des der Map hinzugefügten Elements Der Wert des Objekts

ist erforderlich. Geben Sie den Wert des zum Kartenobjekt hinzugefügten Elements ein.

let myMap = new Map();
myMap.set("a", "alpha");
myMap.set("b", "beta");
myMap.set("g", "gamma");
console.log(myMap.size); // 3

2.get()

Syntax: myMap.get(key )

Parameter:
Schlüssel Der Schlüssel des Elements, das Sie erhalten möchten

Rückgabewert: Gibt den Wert zurück, der dem angegebenen Schlüssel in einem Map-Objekt zugeordnet ist, wenn der Schlüssel nicht gefunden wird , undefiniert wird zurückgegeben

let myMap = new Map();
myMap.set("bar", "foo");
 myMap.set(1, "foobar");
// 在Map对象中更新一个新元素
myMap.set("bar", "baz");

3.has()

Syntax: myMap.has(key)

Parameter:

key Erforderlich, Wird verwendet, um zu erkennen, ob es einen Schlüsselwert für das angegebene Element gibt.

Rückgabewert: Gibt „true“ zurück, wenn das angegebene Element in der Karte vorhanden ist. In anderen Fällen wird false zurückgegeben

let myMap = new Map();
myMap.set("bar", "foo");
console.log(myMap.get("bar"));  // "foo"
console.log(myMap.get("baz"));  // undefined

4.delete()-Methode wird verwendet, um das angegebene Element im Kartenobjekt zu entfernen

Syntax: myMap.delete(key)

Parameter:

key Erforderlich, der Schlüssel des aus dem Map-Objekt entfernten Elements

Rückgabewert: Wenn das Element im Map-Objekt vorhanden ist, entfernen Sie es und geben Sie andernfalls true zurück Das Element existiert nicht, geben Sie false zurück

let myMap = new Map();
myMap.set("bar", "foo");
console.log(myMap.has("bar"));  // returns true
console.log(myMap.has("baz"));  // returns false

5. Die Methode „clear()“ entfernt alle Elemente im Map-Objekt

Syntax: myMap.clear()

let myMap = new Map();
myMap.set("bar", "foo");
myMap.delete("bar"); // 返回 true。成功地移除元素
console.log(myMap.size); // 0

6.entries()

Syntax: myMap.entries()

Rückgabewert: Gibt ein neues Paar zurück, das [Schlüssel, Wert] Iterator enthält Objekt, die Iterationsreihenfolge des zurückgegebenen Iterators ist dieselbe wie die Einfügereihenfolge des Map-Objekts

let myMap = new Map();
myMap.set("bar","baz");
myMap.set(1,"foo");
console.log(myMap.size); // 2
myMap.clear();

7.keys() gibt ein neues Iteratorobjekt zurück. Es enthält den Schlüsselwert jedes Elements, das in der Reihenfolge in das Map-Objekt eingefügt wird.

Syntax: myMap.keys()

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.entries();
console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

8.values()-Methode gibt ein neues zurück Iteratorobjekt. Es enthält den Wert

, der nacheinander für jedes Element im Map-Objekt eingefügt wird. Syntax: myMap.values()

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.keys();
console.log(mapIter.next().value); // "0"
console.log(mapIter.next().value); // 1
console.log(mapIter.next().value); // Object

9.forEach()

Syntax: myMap.forEach(callback[, thisArg])

Parameter:

Callback erforderlich, die Funktion, die für jedes Element ausgeführt werden soll

thisArg optional, wann Rückruf wird ausgeführt Der Wert von this

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.values();
console.log(mapIter.next().value); // "foo"
console.log(mapIter.next().value); // "bar"
console.log(mapIter.next().value); // "baz"

Das obige ist der detaillierte Inhalt vonParsen von Kartenobjekten in JavaScript (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!