Comment utiliser l'objet Map en JavaScript ? Quelles sont les opérations ?

Cet article vous présentera comment créer un objet Map et comment utiliser un objet Map pour ajouter, obtenir, supprimer et itérer, jetons donc un œil au contenu spécifique.

Tout d'abord, jetons un coup d'œil à Comment créer un objet Map ?

Les objets cartographiques sont souvent plus faciles à comprendre en créant des tableaux associatifs.

Nous créons d’abord une instance avec new.

var map = new Map();

Pour ajouter des éléments, nous utilisons la méthode set()

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

Dans cet exemple, la valeur de la chaîne "Tom" est ajoutée à "name".

D'ailleurs, vous pouvez également définir la valeur initiale comme suit lors de la création d'une instance.

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

Comment obtenir et supprimer des éléments

Par exemple, créez un objet Map comme celui-ci :

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

Pour get this La valeur "name" de l'objet Map peut être obtenue en utilisant la méthode get(). Comme indiqué ci-dessous

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

À propos, si vous exécutez "size", vous pouvez obtenir le nombre d'éléments stockés, et si vous utilisez has(), vous pouvez confirmer s'il y a une valeur.

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

Pour supprimer un élément, précisez simplement la valeur de l'élément que vous souhaitez supprimer dans delete().

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

Pour les objets Map, l'exécution de clear supprimera tous les éléments stockés.

Traitement itératif des objets Map

Normalement, l'itération est facile à l'aide des instructions for-of, mais les objets Map fournissent des propriétés utiles.

Par exemple, vous pouvez utiliser key() pour récupérer toutes les "clés" d'un élément stocké.

Veuillez consulter l'exemple ci-dessous

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

Dans cet exemple, vous pouvez voir que nous utilisons key() pour traiter à plusieurs reprises les clés stockées dans le magasin d'objets Map

Par conséquent, toutes les clés de l'objet Map peuvent être énumérées.

De plus, l'utilisation de values() obtiendra toutes les valeurs cette fois.

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

Cet article se termine ici. Pour un contenu plus passionnant, vous pouvez faire attention aux colonnes de didacticiels pertinentes du site Web chinois php ! ! !

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!