Ensembles en JavaScript: Set

Pour plus d'information, vous pouvez vous référer à cette page: https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Set

Les Set sont des ensembles, c'est à dire qu'on y stocke un ensemble d'objet. En revanche, chaque objet ne peut y être qu'en un seul exemplaire.

Créer un Set en JavaScript

Déclaration sans valeur

const monSetSansValeur = new Set();

Déclaration avec valeurs

const monSetAvecValeur = new Set([ valeur1, valeur2, valeur3]);

Ajouter des valeurs

Si une variable monSet est un Set:

monSet.add( valeurAAjouter);

Les valeurs peuvent être de types ou des objets différents dans un même Set: une String, un Number, etc..

Exemple:

Voici un exemple de Set avec deux cours stockés dans la variable coursProg

const coursProg= new Set();

coursProg.add("Langage du web");

coursProg.add( "Algorithmique");

On aurait pu écrire:

const coursProg= new Set(["Langage du web", "Algorithmique"]);

Voici un exemple de Set dans la variable prenoms:

const prenoms= new Set();

prenoms.add("Lauren");

prenom.add( "Jane");

prenoms.add("Lee");

On aurait pu écrire:

const prenoms= new Set(["Lauren", "Jane", "Lee"]);

Exercice 1 : Création d'un Set

Récupérer les éléments d'un Set en Javascript

Récupérer tous les éléments

Syntaxe

On utiliser une boucle for avec une variable (par exemple qui s'appelle element). Cet élement contient successivement toutes les valeurs des valeurs de l'ensemble Set. Par exemple pour un Set dans une variable monSet:

for (let element of monSet)

{

let monElementChaqueTour= element;

}

Exemple: Afficher tous les éléments d'un set

Pour afficher tous les cours d'un set coursProg les uns après les autres:

const coursProg= new Set();

coursProg.add("Langage du web");

coursProg.add( "Algorithmique");

for (let element of coursProg)

{

alert(element);

}

Pour affcher tous les prénoms du Set prenoms les uns après les autres:

const prenoms= new Set();

prenoms.add("Lauren");

prenom.add( "Jane");

prenoms.add("Lee");

for (let element of prenoms)

{

alert(element);

}

Afficher tous les éléments d'une Map

Si une variable monSet est un Set :

Afficher un par un:

for (let element of monSet)

{

alert(element);

}

Afficher tout :

let monSetComplet="";

for (let element of monSet) {

monSetComplet= element+" ";

}

alert(monSetComplet);

Exercice 2 : Récuperer les valeurs d'un Set

Ajouter un élément ou supprimer un élément

Pour ajouter un élement à la fin d'une variable monSet qui est un Set, on utilise add tel que vu précédemment:

monSet.add( valeur);

Pour supprimer un élement element d'un set monSet:

monSet.delete(element);

Pour "vider"un set monSet de tous ses éléments:

monSet.clear();

Exercice 3 : Ajouter et supprimer les valeurs d'une Map

Modifier des valeurs

Syntaxe

Pour modifier des valeurs, il suffit de faire un set avec une clef existante. Par exemple, pour une Map uneMap qui a une clef clefNumeroUn, on fera :

uneMap.set("clefNumeroUn", "nouvelle valeur de la clef numéro1");

Exemples

Pour modifier la valeur du prénom avec le nom "Thévin":

const prenoms= new Map();

prenoms.set("Thevin", "Lauren"); //valeur 1: Lauren

prenoms.set("Doe", "Jane");

prenoms.set("Smith", "Lee");

prenoms.set("Thevin", "Simone"); //valeur 2: Simone

Exercice 4 : Modifier les valeurs d'une Map

Autres points sur les Maps

Modifier la clef

Techniquement, on ne modifie pas la clef. Par exemple, pour modifier (clef1, valeur) par (clef2, valeur) il faut : ajouter avec un set une nouvelle association (clef2, valeur), puis supprimer (clef1, valeur).

Syntaxe

Pour modifier des valeurs, il suffit de faire un set avec une clef existante. Par exemple, pour une Map uneMap qui a une clef clefNumeroUn, on fera :

uneMap.set("clef1", "valeur de la clef numéro1");

uneMap.set("clef2", uneMap.get("clef1");

uneMap.delete("clef1");

Exemples

Pour modifier la valeur du prénom avec le nom "Thévin":

const prenoms= new Map();

prenoms.set("Thevin", "Lauren"); //clef 1: Thevin

prenoms.set("Doe", "Jane");

prenoms.set("Smith", "Lee");

prenoms.set("Niveht", prenoms.get("Thevin"); // j'insère une association avec une nouvelle clef et la même valeur

prenoms.delete("Thevin"); // j'efface l'association précédente

Cloner une Map

Pour cloner une map, il suffit d'utiliser new Map( ) avec la Map à cloner en argument.

Imaginons une Map maMap,

const cloneDeMaMap = new Map(maMap);

Verifier si un clef est présente dans une Map

Pour verifier si une Map uneMap a une clef clefNumeroUn, on fera :

uneMap.has(clefNumeroUn); //renvoie true si cette clef existe dans cette Map, et renvoie false sinon