Analyse des objets Map en JavaScript (avec exemples)

Le contenu de cet article concerne l'analyse des objets Map en JavaScript (avec des exemples). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Créez un objet Map

Les objets Map enregistrent les paires clé-valeur. N'importe quelle valeur (objet ou primitive) peut être utilisée comme clé ou valeur

1 Constructeur

Syntaxe : new Map([iterable])
Paramètres. :

iterable peut être un tableau ou un autre objet itérable, dont les éléments sont soit des paires clé-valeur, soit un tableau de deux éléments ; chaque paire clé-valeur sera ajoutée à une nouvelle carte, et null sera traité. comme non défini

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

2. Attributs de l'instance de carte

myMap.size L'attribut accessible renvoie le nombre d'éléments de l'objet Map. >

l'attribut size est un entier indiquant le nombre de paires clé-valeur que possède l'objet Map. size est un attribut en lecture seule et sa méthode set correspondante n'est pas définie, c'est-à-dire que sa valeur ne peut pas être modifiée

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

3. Méthode d'instance de carte

1 .set()

Syntaxe : myMap.set(key, value)

Paramètres :

key Obligatoire, la valeur clé de l'élément ajouté au La valeur de l'objet Map
est requise, la valeur de l'élément ajouté à l'objet Map

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

2.get()

Syntaxe : myMap.get (key)

Paramètres :

key La clé de l'élément que vous souhaitez obtenir

Valeur de retour : Renvoie la valeur associée à la clé spécifiée dans un objet Map Si la clé est. introuvable, undéfini est renvoyé

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

3.has()

Syntaxe : myMap.has(key)

Paramètres :

La clé est obligatoire, utilisée pour vérifier si la valeur clé de l'élément spécifié existe

Valeur de retour : renvoie vrai si l'élément spécifié existe dans la carte. Renvoie false dans les autres cas

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

La méthode 4.delete() est utilisée pour supprimer l'élément spécifié dans l'objet Map

Syntaxe : myMap.delete(key )

Paramètres :

key Obligatoire, la clé de l'élément supprimé de l'objet Map

Valeur de retour : Si l'élément existe dans l'objet Map, supprimez-le et retournez true ; , false est renvoyé si l'élément n'existe pas

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

5. La méthode clear() supprimera tous les éléments de l'objet Map

Syntaxe : myMap. clear()

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

6.entries()

Syntaxe : myMap.entries()

Valeur de retour : renvoie un nouvel itérateur contenant objet de la paire [key, value], l'ordre d'itération de l'itérateur renvoyé est le même que l'ordre d'insertion de l'objet Map

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"]

7.keys() renvoie un nouvel objet Iterator. Il contient la valeur clé de chaque élément inséré dans l'objet Map dans l'ordre

Syntaxe : myMap.keys()

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

La méthode 8.values() renvoie un nouvel objet itérateur. Il contient la valeur

insérée en séquence pour chaque élément de l'objet Map Syntaxe : myMap.values()

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"

9.forEach()<.> Syntaxe : myMap.forEach(callback[, thisArg])

Paramètres :

rappel requis, la fonction à exécuter pour chaque élément

thisArg facultatif , rappel La valeur de ceci lors de l'exécution

let myMap = new Map([["foo", 3], ["bar", {}], ["baz", undefined]]);
myMap.forEach((value,key,map) => {
console.log("key =",key,",value =",value); //key = foo ,value = 3
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!