8 méthodes d'ensemble JavaScript que vous devriez maîtriser aujourd'hui

Un ensemble JavaScript est une collection de valeurs uniques.

Les ensembles peuvent contenir des valeurs de n'importe quel type de données. Il peut s'agir de primitives simples, telles que des entiers ou des chaînes, etc., ou de types complexes tels que des tableaux ou des objets littéraux. Les valeurs de l'ensemble ne peuvent apparaître qu'une seule fois.

Dans cet article, vous apprendrez huit méthodes JavaScript Set que vous devez maîtriser dès aujourd'hui.

1. Comment créer un nouvel ensemble sur JavaScript

Vous pouvez créer un nouvel objet Set en utilisant le NouveauRégler() constructeur. L'objet Set stocke des valeurs uniques de tout type de données. Ce constructeur accepte un objet itérable comme paramètre.

const setObj = new Set([21, 34, 35, 56, 23]);
console.log (setObj);

Sortir:

Ensemble (5) { 21, 34, 35, 56, 23 }

Si vous ne spécifiez rien dans le paramètre, un nouveau Set vide est créé.

const setObj = new Set();
console.log (setObj);

Sortir:

Définir (0) {}

Si vous essayez de créer un ensemble avec des éléments répétés, les éléments en double seront supprimés et un ensemble unique sera renvoyé.

const setObj = new Set([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Sortir:

Ensemble (3) { 1, 2, 3 }

Vous pouvez également créer un ensemble en utilisant des types de données mixtes.

const setObj = new Set([1, 2, "Bonjour", [45, 67, 78]]);
console.log (setObj);

Sortir:

Ensemble (4) { 1, 2, 'Bonjour', [ 45, 67, 78 ] }

2. Comment ajouter de nouveaux éléments à un objet Set

Vous pouvez ajouter un nouvel élément à la fin de l'objet Set en utilisant le ajouter() méthode. Cette méthode accepte la valeur de l'élément à ajouter à l'objet Set en tant que paramètre et renvoie le nouvel objet Set avec une valeur ajoutée.

const setObj = new Set();
setObj.add("Bienvenue");
setObj.add("à");
setObj.add("MUO");
console.log (setObj);

Sortir:

Ensemble (3) { 'Bienvenue', 'à', 'MUO' }

Vous pouvez passer directement la valeur en tant que paramètre, ou vous pouvez passer la variable en tant qu'un à la place.

const setObj = new Set();
// Ajout d'une valeur à un objet Set
setObj.add("Bienvenue");
const var1 = "à" ;
const var2 = "MUO" ;
// Ajout d'une variable à un objet Set
setObj.add (var1) ;
setObj.add (var2) ;
console.log (setObj);

Sortir:

Ensemble (3) { 'Bienvenue', 'à', 'MUO' }

Les ajouter() La méthode prend également en charge le chaînage.

const setObj = new Set();
// Chaînage
setObj.add (1).add (2).add (3);
console.log (setObj);

Sortir:

Ensemble (3) { 1, 2, 3 }

Si vous essayez d'ajouter des éléments en double, seule la première instance de l'élément sera enregistrée.

const setObj = new Set();
setObj.add (1) ;
setObj.add (2) ;
setObj.add (3) ;
setObj.add("M");
setObj.add("U");
setObj.add("O");
setObj.add (1) ;
setObj.add (2) ;
setObj.add (3) ;
console.log (setObj);

Sortir:

Ensemble (6) { 1, 2, 3, 'M', 'U', 'O' }

3. Comment supprimer tous les éléments d'un objet défini

Vous pouvez supprimer tous les éléments d'un objet Set en utilisant le dégager() méthode. Cette méthode supprime tous les éléments et renvoie indéfini.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Taille de l'objet Set: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Taille de l'objet Set après effacement des éléments: " + setObj.size);
console.log (setObj);

Sortir:

Taille de l'objet Set: 5
Ensemble (5) { 1, 2, 3, 4, 5 }
Taille de l'objet Set après effacement des éléments: 0
Définir (0) {}

En rapport: Méthodes de chaîne JavaScript que vous devez maîtriser aujourd'hui

4. Comment supprimer un élément spécifique d'un objet défini

Vous pouvez supprimer un élément spécifique d'un objet Set (s'il existe) à l'aide de la effacer() méthode. Cette méthode accepte la valeur à supprimer du Set. Si la valeur est trouvée, la méthode renvoie vrai. Sinon, ce sera faux.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Initial Set :");
console.log (setObj);
setObj.delete (3) ;
console.log("Défini après suppression de 3");
console.log (setObj);

Sortir:

Ensemble initial :
Ensemble (5) { 1, 2, 3, 4, 5 }
Réglé après suppression 3
Ensemble (4) { 1, 2, 4, 5 }

5. Comment vérifier si un élément existe dans un ensemble

Vous pouvez vérifier si un élément existe dans un objet Set en utilisant le a() méthode. Cette méthode accepte la valeur comme paramètre pour tester la présence dans l'objet Set. Si l'élément est trouvé, la méthode renvoie vrai; sinon ce sera faux.

const setObj = new Set(["Bienvenue", "à", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Sortir:

vrai
faux

6. Qu'est-ce que la méthode entry() dans l'objet Set JavaScript ?

Selon le fonctionnaire Documents Web MDN:

"Les entrées() La méthode renvoie un nouvel objet Iterator qui contient un tableau de [valeur, valeur] pour chaque élément de l'objet Set, dans l'ordre d'insertion. Pour les objets Set, il n'y a pas de clé comme dans les objets Map. Cependant, pour que l'API reste similaire à l'objet Map, chaque entrée a la même valeur pour sa clé et sa valeur ici, de sorte qu'un tableau [valeur, valeur] est renvoyé."

const setObj = new Set(["Bienvenue", "à", "MUO"]);
for (laissez l'entrée de setObj.entries()) {
console.log (entrée);
}

Sortir:

[ 'Bienvenue Bienvenue' ]
[ 'à', 'à' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Bienvenue", "à", "MUO"]);
for (let [clé, valeur] de setObj.entries()) {
console.log (valeur);
}

Sortir:

Bienvenue
à
MUO

Les clés et les valeurs de l'ensemble sont identiques.

const setObj = new Set(["Bienvenue", "à", "MUO"]);
for (let [clé, valeur] de setObj.entries()) {
console.log (valeur clé) ;
}

Sortir:

vrai
vrai
vrai

En rapport: Comment utiliser les boucles en JavaScript

7. Qu'est-ce que la méthode forEach() dans l'objet Set JavaScript ?

Les pour chaque() La méthode appelle une fonction pour chaque élément de l'objet Set. Cette méthode renvoie indéfini.

const setObj = new Set([1, 2, 3, 4, 5]);
soit somme = 0;
setObj.forEach (fonction (élément) {
somme += élément;
});
console.log (somme);

Sortir:

15

8. Quelle est la méthode values() dans l'objet Set JavaScript ?

Les valeurs() la méthode renvoie un Itérateur objet qui contient toutes les valeurs d'un ensemble, et il le fait dans l'ordre d'insertion.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (laissez la valeur de iteratorObj) {
console.log (valeur);
}

Sortir:

1
2
3
4
5

En rapport: Une introduction aux itérateurs et générateurs en JavaScript

Noter: un objet Set en JavaScript n'a pas de clés. Mais pour rendre les Sets compatibles avec Maps, le clés() méthode est utilisée comme alias pour le valeurs() méthode. Les clés() méthode se comporte exactement de la même manière que la valeurs() méthode.

Vous savez maintenant comment créer des ensembles en JavaScript

Alors, voilà. Après avoir lu cet article, vous devriez avoir beaucoup de choses pour vous aider à maîtriser la création d'ensembles sur JavaScript.

La création d'ensembles est cruciale pour tout programmeur cherchant à améliorer son jeu. Une fois que vous avez maîtrisé cela, vous pouvez passer au perfectionnement d'autres compétences, telles que la création de tableaux.

15 méthodes de tableau JavaScript que vous devriez maîtriser aujourd'hui

Vous voulez comprendre les tableaux JavaScript mais vous n'arrivez pas à les maîtriser? Consultez nos exemples de tableaux JavaScript pour obtenir des conseils.

Lire la suite

A propos de l'auteur