Introduzione a iteratori e generatori in JavaScript

Dal 2015, EcmaScript6 (ES6) ha portato molti progressi nelle pratiche di codifica JavaScript. Numerosi concetti moderni sono stati introdotti in JavaScript, migliorando notevolmente l'esperienza di codifica. In questo articolo imparerai a conoscere iteratori e generatori in JavaScript.

Iteratori e generatori sono due concetti diversi, ma vengono utilizzati in modi simili. Sono usati per scorrere gli array e gli oggetti in JavaScript.

Iteratori

Gli iteratori sono come cicli avanzati che possono essere messi in pausa. Gli iteratori sono costituiti da prossimo() funzione, che restituisce il valore e lo stato done. Il valore campo è il valore nell'array in corrispondenza di un determinato indice. fatto è il valore booleano che restituisce lo stato di completamento dell'iterazione del ciclo.

Ecco un esempio che dimostra come gli iteratori:

funzione fruitIter (frutti){
let indice = 0;
Restituzione {
successivo: function(){
indice di ritorno < frutti.lunghezza? { valore: frutti[indice++], done: false }: {done: true}





instagram viewer


}
}
}
constfruitArray = ["Mango", "Banana", "Uva"];
const fruit = fruitIter (fruitsArray);
console.log (fruits.next().value);

Produzione:

Mango

Quando passi il fruitArray array nel fruttaIter() metodo, restituisce un iteratore che è memorizzato nel frutta variabile. Il indice variabile in fruttaIter() il metodo viene inizializzato a 0. Questo metodo restituisce il prossimo() funzione che aiuta in scorrere l'array. Il prossimo() la funzione controlla se l'indice è minore di fruitArray lunghezza. In tal caso, restituisce due variabili: il nome del frutto in quell'indice e il fatto stato. Mentre restituisce questi valori, incrementa anche il valore dell'indice.

Per verificare come funziona questo metodo e stampare il nome del frutto, devi chiamare il prossimo() funzione sul frutta iteratore e ottenere l'accesso al suo valore.

Imparentato: Che cos'è una funzione nella programmazione?

Generatori

I generatori sono simili agli iteratori ma restituiscono più valori. Questi valori sono chiamati valori di rendimento. Le funzioni del generatore sono scritte usando il funzione* sintassi. * denota che non è una funzione normale, ma un generatore. Ecco un esempio di generatori:

funzione* printFruits(){
produrre "Mango";
produrre "Banana";
resa "Uva";
}
const frutta = printFruits();
console.log (fruit.next()); 

Produzione:

{valore: 'Mango', fatto: falso}

In questo esempio, prodotto è l'iteratore. Quando chiami la funzione printFrutti()e stampa frutta.successiva(), ti dà un oggetto in cui ottieni il valore. Il fatto lo stato indica se tutti i valori sono stati ripetuti.

Impara le strutture dati usando le classi ES6 in JavaScript

JavaScript ES6 ha portato molti progressi nelle pratiche di codifica. Non ultimo, la costruzione di strutture dati utilizzando le classi ES6. Spingere. pop, e impilati fino in cima e diventa un professionista JavaScript!

Come costruire strutture dati con classi JavaScript ES6

Con l'introduzione di JavaScript ES6 sono arrivate le strutture dati personalizzate. Ecco come crearli e applicarli.

Leggi Avanti

Circa l'autore