Comment créer un énumérateur dans JavaScript

Comment créer un énumérateur dans JavaScript
Lors de la programmation en JavaScript, avez-vous déjà rencontré une situation où elle est nécessaire pour gérer certaines valeurs codées ou un grand fichier de constantes avec des valeurs spécifiques telles que les chaînes ou les URL par défaut? Si oui, alors apprenez le concept de Énumération Pour résoudre facilement un tel problème la prochaine fois.

Dans Javascrip, énumérateurs Créer un ensemble de «constantes" ou une valeurs distinctes, rendre le code plus facile à lire et à maintenir. Ils sont également utiles en cas de limitation de la sélection; Par exemple, les valeurs possibles pour représenter les saisons du climat tempéré sont l'été, l'hiver, l'automne et le printemps.

Cet article discutera de la méthode pour Créer un énumérateur en javascript. Alors, commençons!

Enumerateur en JavaScript

Vous savez peut-être que les chiffres peuvent être utilisés pour se référer à un «valeur" et le "taper" de quelque chose. Par exemple, dans le programme en dessous, nous associerons un numéro "1"Avec la constante"ÉTÉ«Comme type de saison:

const Summer = 1;

Ensuite, nous définirons une fonction nommée «get-saison ()«Cela accepte le«taper«Comme argument, puis comparez-le avec le type de«ÉTÉ"Utilisation de l'opérateur d'égalité strict"===»:

fonction get-saison (type)
functiongetSeason (type)
if (type === été)
return name: 'Summer Saison';

return name: 'autre saison';

Enfin, invoquez le «get-saison ()"Fonction en passant"1«Comme argument:

get-saison (1);

La sortie du code-donné ci-dessus imprimera les informations de la saison sur la console, selon le type passé:

Veulent définir plus de types de saison? Pour ce faire, créez des constantes avec le nom de la saison spécifique et attribuez-lui un numéro comme «taper»:

const Summer = 1;
const Summer = 1;
const hiver = 2;
functiongetSeason (type)
if (type === été)
return name: 'Summer Saison';

if (type === hiver)
return name: 'hiver saison';

return name: 'autre saison';

get-saison (2);

Sortir

Comme vous pouvez le voir sur la sortie ci-dessus, notre programme fonctionne parfaitement. Pourtant, la saison définie les types sont pas logiquement connecté et exister comme indépendant Constantes qui peuvent être placées n'importe où dans le code, ce qui les rend complexes à gérer. Dans une telle situation, "Énumérateurs" entre en jeu!

Les énumérateurs offrent la fonctionnalité de définir un ensemble de noms «constantes»Ou des cas distincts. Lorsque ce mécanisme est utilisé, tous les ««à code dur«Des valeurs sont ajoutées dans un seul emplacement auquel ils sont référés, non réécrits. De plus, l'utilisation des énumérateurs aide également à améliorer la maintenabilité du code.

Maintenant, voyons la méthode de création d'énumérateurs en javascript.

Comment créer un énumérateur en JavaScript

Les énumérateurs ne sont pas pris en charge dans ES6 et les versions antérieures; Cependant, c'est un modèle, nous pouvons donc le reproduire en utilisant des fonctionnalités et des techniques JavaScript natives.

Dans JavaScript, vous pouvez créer des énumérateurs par:

  • Définir un énumérateur "Objet"
  • Création d'un énumérateur "Classe"

Nous discuterons de chacune des méthodes spécifiées dans les sections suivantes.

Comment créer un objet Enumerator dans JavaScript

Comme mentionné précédemment, les énumérateurs sont définis comme «constantes" ou "valeur clé”Paires, donc pour les utiliser en javascript, vous devez créer un objet avec le nom suivant"Pascale"Et les clés dans"Majuscule»:

Constans Seasons =
Été: 1,
Hiver: 2,
Printemps: 3,
Automne: 4

Jusqu'à ce point, nous avons créé un énumérateur nommé «Saisons,"Mais ses valeurs peuvent être modifiées facilement, ce qui le nie d'être un énumérateur. Nous devons spécifier ses propriétés comme «non modifiable"Pour modifier ce comportement.

À cette fin, nous invoquerons le javascript "Objet.gel()«Méthode tout en définissant les propriétés du«Saisons" objet. Ce faisant, le «Objet.gel()"La méthode gèlera le"Saisons«Objet et empêche ses propriétés de toute manipulation:

Constans saisons = objet.gel(
Été: 1,
Hiver: 2,
Printemps: 3,
Automne: 4
);
Saisons;

Sortir

Pour les scénarios de base, vous pouvez créer un objet Enumerator; Cependant, lorsque vous devez spécifier une logique pour ajouter des valeurs, optez pour l'implémentation de l'énumérateur dans une classe JavaScript.

Comment créer une classe d'énumérateur dans JavaScript

Pour créer un «Énumérateur”Classe en javascript, suivez les instructions fournies ci-dessous:

  • Tout d'abord, définissez un «constructeur()«Pour la classe Enumerator qui accepte un nombre variable d'arguments comme«clés". La méthode du constructeur créé sera responsable de l'ajout de chacun «clé«À un objet d'énumérateur, puis le congeler instantanément avec l'aide du«Objet.gel()" méthode.
  • Dans l'étape suivante, utilisez le «Symbole.iterator ()«Méthode pour convertir une instance de la classe d'énumérateurs en«itérable" objet. Cette fonctionnalité rendra l'objet énumérateur plus utile.
  • Enfin, déclarez un objet du «Énumérateur"Classe et passez le"clés”Au constructeur ().
classe Enumerator
ClassEnumerator
constructeur (… touches)
clés.foreach ((clé, i) =>
Ce [clé] = i;
);
Objet.geler (ceci);

*[Symbole.iterator] ()
pour (Laissez Key Object.Keys (this)) rendukekey;


ConstseasonSenum = NewEnumerator (
'été',
'hiver',
'printemps',
'automne');
Constans Seasons = [… Seasonsenum];
console.journal (saisons);

Voici comment nous avons implémenté la classe Enumerator dans JavaScript:

Nous avons compilé différentes méthodes pour créer des énumérateurs en javascript. Selon vos besoins, vous pouvez utiliser n'importe lequel d'entre eux et bénéficier des fonctionnalités des énumérateurs.

Conclusion


Dans JavaScript, vous pouvez créer un "Objet énumérateur" ou "Classe d'énumérateur«Pour implémenter le concept d'énumération, où l'objet énumérateur est utilisé dans les scénarios de base et la classe d'énumérateur est définie pour une logique complexe. Les deux approches utilisent le «Objet.gel()”Méthode pour geler l'objet énumerateur créé et marquer ses propriétés comme inchangeable. Cet article a discuté de différentes méthodes pour créer un énumérateur en JavaScript.