Retourner à la page d'accueil de TJS

Objet : Map

Constructeur d'une structure de données clé/valeur

Syntaxe
Map m=new Map()

Compatible tous navigateurs
ES6
ECMAScript 2015

Description
Constructeur d'une structure de données clé/valeur, sorte de dictionnaire ou de cartographie entre la clé et sa valeur.

La clé est une chaîne de caractères unique.
La valeur associée à la clé peut être une chaîne, un nombre ou un autre objet.

Le constructeur Map() peut aussi recevoir en paramètre un tableau contenant les couples clé/valeur :
m=new Map([ ["cle1", val1], ..., ["cleN", valN] ])
Voir l'exemple 2 pour la syntaxe réelle.


Propriété
size
ES6
Contient le nombre de couples clé/valeur dans myMap

Méthodes
delete()
ES6
Supprime le couples clé/valeur de myMap ayant la clé en paramètre
get()
ES6
Retourne la valeur associée à la clé de myMap
has()
ES6
Retourne true si la clé est définie dans myMap
set()
ES6
Ajoute un couple clé/valeur dans le Map

Exemple 1 : Construction d'une Map
Code source
<script type="text/javascript">
var data=new Map();
/* Alimentation des données */
data.set("couleur", "#fcc");
data.set("age", 8);
data.set("largeur", 250);
data.set("hauteur", 100);

/* Affichage de l'objet */
console.log(data);
/* Affiche Map(4) {"couleur" => "#fcc", "age" => 8, "largeur" => 250, "hauteur" => 100} */

/* Taille de l'objet */
console.log(data.size);       /* 4 */

/* Vérification du contenu */
console.log(data.has("couleur"));       /* true */
console.log(data.has("profondeur"));   /* false */

/* Lecture d'une clé */
console.log(data.get("couleur"));      /* #fcc */

/* Mise à jour des données */
data.set("couleur", "#00f");
data.delete("age");

/* Nouvel affichage */
console.log(data);
/* Affiche Map(3) {"couleur" => "#00f", "largeur" => 250, "hauteur" => 100} */

</script>

Résultat
Emulation de la console
Explication
Construction et manipulation d'un objet Map.

Exemple 2 : Création d'un Map avec paramètres d'entrée
Code source
<script type="text/javascript">
var cylindre=new Map([ ["rayon", 5], ["couleur", "#F0F"], ["auteur", "TJS"] ]);
console.log(cylindre);
</script>

Résultat
Emulation de la console
Explication
Création et alimentation de l'objet Map depuis le constructeur.
Page mise à jour le

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 01/12/2020 03:42:41 sur php7 en 57.9 ms