Come creare enumerator in javascript

Durante la programmazione in JavaScript, hai mai incontrato una situazione in cui è necessaria per gestire alcuni valori codificati o un grande file di costanti con valori specifici come stringhe predefinite o URL? Se sì, allora impara il concetto di Enumerazione Per affrontare facilmente un tale problema la prossima volta.

In JavaScript, enumeratori Crea un set di "costanti" o qualche valori distinti, semplificando il codice leggere e mantenere. Sono anche utili in caso di limitazione della selezione; Ad esempio, i possibili valori per rappresentare le stagioni nel clima temperato sono estate, inverno, autunno e primavera.

Questo articolo discuterà del metodo a Crea un enumeratore In JavaScript. Quindi iniziamo!

Enumeratore in javascript

Potresti sapere che i numeri possono essere utilizzati per fare riferimento a "valore" e il "tipo" di qualcosa. Ad esempio, nel programma di seguito, assoceremo un numero "1"Con la costante"ESTATE"Come tipo di stagione:

const estate = 1;

Successivamente, definiremo una funzione chiamata "getSason ()"Che accetta il"tipo"Come argomento e poi confrontalo con il tipo di"ESTATE"Utilizzo dell'operatore di uguaglianza rigorosa"===":

funzione getSasas (type)
funzionalitàSeason (type)
if (type === estate)
return name: 'Summer Season';

return name: 'altra stagione';

Infine, invoca il "getSason ()"Funzione durante il passaggio"1"Come argomento:

getsage (1);

L'output del codice di cui sopra stamperà le informazioni sulla stagione sulla console, secondo il tipo passato:

Vuoi definire più tipi di stagione? Per fare ciò, crea costanti con il nome della stagione specifica e assegna un numero come "tipo":

const estate = 1;
const estate = 1;
const winter = 2;
funzionalitàSeason (type)
if (type === estate)
return name: 'Summer Season';

if (type === Winter)
return name: 'Winter Season';

return name: 'altra stagione';

ottiene stagione (2);

Produzione

Come puoi vedere dall'output sopra offerto, il nostro programma funziona perfettamente. Tuttavia, la stagione definita tipi Sono non logicamente connesso ed esiste come indipendente costanti che possono essere posizionate ovunque nel codice, rendendole complesse da gestire. In una situazione del genere, "Enumeratori"Entra in gioco!

Gli enumeratori offrono la funzionalità di definizione di un insieme di denominato "costanti"O casi distinti. Quando viene utilizzato questo meccanismo, tutto il "duro"I valori vengono aggiunti in una singola posizione a cui vengono indirizzati, non riscritti. Inoltre, l'uso degli enumeratori aiuta anche a migliorare la manutenibilità del codice.

Ora, controlliamo il metodo per creare enumeratori in JavaScript.

Come creare un enumeratore in JavaScript

Gli enumeratori non sono supportati in ES6 e nelle versioni precedenti; Tuttavia, è uno schema, quindi possiamo replicarlo utilizzando caratteristiche e tecniche JavaScript native.

In JavaScript, puoi creare enumeratori da:

• Definizione di un enumeratore "Oggetto"
• Creazione di un enumeratore "Classe"

Discuteremo ciascuno dei metodi specificati nelle prossime sezioni.

Come creare oggetto enumerator in javascript

Come accennato in precedenza, gli enumeratori sono definiti come "costanti" O "valore chiave"Coppie, per così usarle in JavaScript, devi creare un oggetto con il nome che segue"Pascalcase"E chiavi in"Maiuscolo":

const stagions =
Estate: 1,
Inverno: 2,
Primavera: 3,
Autunno: 4

Fino a questo punto, abbiamo creato un enumeratore chiamato "Le stagioni,"Ma i suoi valori possono essere modificati facilmente, il che nega essere un enumeratore. Dobbiamo specificare le sue proprietà come "immutabile"Per modificare questo comportamento.

A tale scopo, invoceremo il JavaScript "Oggetto.congelare()"Metodo durante la definizione delle proprietà del"Le stagioni"Oggetto. Dopo averlo fatto, il "Oggetto.congelare()Il metodo "congelerà il"Le stagioni"Oggetto e impedisce le sue proprietà da qualsiasi manipolazione:

const stagioni = oggetto.congelare(
Estate: 1,
Inverno: 2,
Primavera: 3,
Autunno: 4
);
Le stagioni;

Produzione

Per gli scenari di base, è possibile creare un oggetto enumeratore; Tuttavia, quando è necessario specificare alcune logiche per l'aggiunta di valori, scegli l'implementazione di enumeratore in una classe JavaScript.

Come creare la classe enumerator in javascript

Per creare un "Enumeratore"Classe in JavaScript, segui le istruzioni di seguito:

• Prima di tutto, definisci un "costruttore()"Per la classe enumeratore che accetta un numero variabile di argomenti come"tasti". Il metodo del costruttore creato sarà responsabile dell'aggiunta di ciascuno "chiave"A un oggetto enumeratore e poi congelarlo immediatamente con l'aiuto di"Oggetto.congelare()" metodo.
• Nel passaggio successivo, utilizza il "Simbolo.iteratore ()"Metodo per convertire un'istanza della classe enumeratore in"iteble"Oggetto. Questa funzionalità renderà più utile l'oggetto enumeratore.
• Infine, dichiarare un oggetto del "Enumeratore"Classe e passa il"tasti"Al costruttore ().

classe enumerator
classenumerator
costruttore (… tasti)
tasti.foreach ((key, i) =>
questo [chiave] = i;
);
Oggetto.Freeze (questo);

*[Simbolo.iterator] ()
per (let Key Ofject.tasti (this)) redkey;


constseasonsenum = newenumerator (
'estate',
'inverno',
'primavera',
'autunno');
const stagioni = [... stagione];
console.registro (stagioni);

Ecco come abbiamo implementato la classe enumerator in JavaScript:

Abbiamo compilato metodi diversi per la creazione di enumeratori in JavaScript. A seconda delle tue esigenze, puoi utilizzare uno di essi e beneficiare delle funzionalità degli enumeratori.

Conclusione

In JavaScript, puoi creare un "Oggetto enumeratore" O "Classe enumeratore"Per implementare il concetto di enumerazione, in cui l'oggetto enumeratore viene utilizzato negli scenari di base e la classe enumeratore è definita per una logica complessa. Entrambi gli approcci utilizzano il "Oggetto.congelare()"Metodo per congelare l'oggetto enumeratore creato e contrassegnare le sue proprietà come immutabili. Questo articolo ha discusso di diversi metodi per creare un enumeratore in JavaScript.