Nouvel Ensemble Javascript

| | | | | | |

Comment utiliser les ensembles en JavaScript

Avez-vous une liste de données qui ne doivent contenir que des valeurs uniques ? C’est là que le type de données JavaScript Set brille vraiment. C’est un nouveau type d’objet qui vous permet de créer une collection de valeurs uniques ; aucun doublon n’est autorisé dans un ensemble.

Dans ce guide, nous parlerons de ce que sont les ensembles, comment ils fonctionnent et quand ils peuvent être utiles. Nous allons voir quelques exemples de chacune des méthodes Set disponibles en JavaScript.

Qu’est-ce qu’un ensemble ?

Un ensemble est une collection de valeurs qui ne peut pas contenir de doublons. Ce type de données a été introduit dans ECMAScript 6. En particulier, les ensembles sont une caractéristique de nombreux autres langages de programmation.

Les listes sont utiles car elles vous permettent de stocker plusieurs valeurs. Les listes prennent en charge le stockage des valeurs en double, ce qui peut être utile dans une myriade de scénarios.

Par exemple, si vous archivez une liste de commandes passées dans un café, vous devrez être capable de stocker des valeurs en double. Deux clients peuvent commander la même boisson.

Dans certains cas, vous souhaiterez ne stocker que des valeurs uniques dans une liste. C’est là que vous souhaitez utiliser l’objet Set. Les valeurs dans les ensembles ne peuvent apparaaître qu’une seule fois.

En JavaScript, un ensemble est déclaré comme n’importe quel autre objet. Créons un Set qui stocke une liste de g√¢teaux préférés signalés par les clients dans un salon de thé local:

Notre code renvoie: Set []. Nous venons de créer un ensemble. Il n’a aucune valeur pour le moment, comme vous pouvez le voir sur la sortie de notre code ; nous les ajouterons plus tard.

Commencer un ensemble par défaut Valeurs

Les ensembles peuvent être initialisés à partir d’un tableau, d’une chaaîne ou d’un autre itérable. C’est utile car cela signifie que vous n’avez pas besoin d’ajouter manuellement des valeurs à votre Set ; vous pouvez travailler à partir de ceux existants.

considérez ce qui suit list:

Ces valeurs sont actuellement stockées dans un tableau. Pour les convertir en Set, nous pouvons passer notre tableau lors de la création d’un nouvel objet Set:

Notre code renvoie:

Ajout de valeurs à un ensemble

L’objet Ensemble est livré avec un méthode appelée add() qui facilite l’ajout d’éléments à un ensemble. Le nom de la méthode utilisée pour ajouter un élément à un ensemble est même facile à retenir: add().

Disons que nous voulons ajouter "Boston Cream Pie " à notre liste de g√¢teaux qui sont vendus dans une boulangerie locale. Nous utilisons la méthode add() pour ajouter cette valeur:

Notre code renvoie:

Notre ensemble contient maintenant quatre objets. Si vous essayez d’ajouter un objet qui est déjà dans un ensemble, cet objet ne sera pas ajouté. Les ensembles ne peuvent pas stocker de valeurs en double.

Vérifier si une valeur existe dans un ensemble

Nous devons vérifier si "Boston Cream Pie" est dans notre liste de g√¢teaux. C’était un nouvel ajout à la liste des g√¢teaux et le boulanger veut vérifier que nous l’avons ajouté.

C’est là qu’intervient la méthode has (). La méthode has () permet de vérifier si un Set a une valeur particulière. Encore une fois, la méthode a un nom facile à retenir !

Considérez le code suivant:

Notre code renvoie: true. La méthode has () renvoie une valeur booléenne, vraie ou fausse, selon qu’un Set contient une valeur particulière. Cette méthode est similaire à includes () que vous utiliseriez sur un tableau mais has () ne fonctionne qu’avec les Sets.

Supprimer une valeur d’un ensemble

Le boulanger a décidé que les cheesecakes aux fraises ne seront plus servis dans la boulangerie. Le g√¢teau au fromage aux fraises a pris plus de temps que les autres g√¢teaux et n’était pas très populaire.

Vous pouvez supprimer une valeur d’un ensemble en utilisant la méthode delete () appropriée. Supprimons la valeur " G√¢teau au fromage aux fraises " de notre ensemble:

Notre code renvoie:

Le g√¢teau au fromage aux fraises a été retiré de notre ensemble.

Vous pouvez supprimer toutes les valeurs d’un ensemble en utilisant la méthode clear().

Itérer sur un ensemble

Les ensembles, comme les listes , sont des objets itérables. Vous savez ce que cela signifie - vous pouvez les parcourir.

Nous allons utiliser une boucle for-each pour faire défiler notre ensemble de g√¢teaux. Notre boucle for-each examinera chaque élément de notre liste ‚Äî pour chaque élément de la liste ‚Äî et l’affichera sur la console:

Notre code retourne un itérateur qui imprime chaque valeur de notre Set sur la console:

C’est aussi simple que ça ! boucle for-of:

Ce code renvoie la même sortie que notre boucle forEach:

Vous pouvez choisir d’utiliser une boucle for pour parcourir un ensemble, mais parce que les ensembles sont itérables ou ggetti, il est plus simple d’utiliser une boucle for-each ou for-of .

Suppression des valeurs en double à l’aide de Set

Lorsque vous initialisez un Set avec un tableau, toutes les valeurs en double seront automatiquement supprimés. C’est une fonctionnalité incroyablement utile.

Disons que nous avons une liste qui contient un certain nombre de commandes de g√¢teaux:

Cet ensemble contient toutes les commandes de g√¢teaux faites à la boulangerie. Au total, il y a huit valeurs ; deux valeurs sont dupliquées.

Supposons que le boulanger veuille savoir les types de tartes ont été commandés, il peut donc commencer à préparer sa propre cuisine. Nous pourrions le découvrir en convertissant notre Set en une liste:

Notre code renvoie:

Notre liste a été réduit à six valeurs. Ce sont toutes des valeurs uniques sur notre liste de commande. Il reste une étape.

Nous devons reconvertir notre ensemble de g√¢teaux en une liste afin que nous puissions interagir avec lui en utilisant des méthodes de liste standard. Nous pouvons ensuite le faire en utilisant la méthode Array.from ():

Notre code renvoie:

Alors que la sortie de ce code est similaire à notre Set, il y a une grande différence: nos données sont maintenant stockées sous forme de tableau. Cela signifie que nous pouvons interagir avec lui en utilisant toutes les méthodes de tableau JavaScript intégrées.

Conclusion

L’objet Set vous permet de stocker une liste d’éléments qui ne peuvent contenir que des éléments uniques valeurs. Les ensembles peuvent être initialisés à partir d’un objet itérable existant, tel qu’une liste ou une chaaîne.

√âtant donné que l’objet Ensemble supprime les valeurs en double, vous pouvez l’utiliser comme un moyen de supprimer les doublons d’un tableau . Ensuite, une fois terminé, vous pouvez reconvertir votre Set en tableau.

Vous êtes maintenant prêt à commencer à utiliser Sets en JavaScript comme un pro !

Nouvel Ensemble Javascript __del__: Questions

Nouvel Ensemble Javascript __delete__: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method