En introduktion til Iteratorer og generatorer i JavaScript

Siden 2015 har EcmaScript6 (ES6) bragt mange fremskridt inden for JavaScript -kodningspraksis. Mange moderne koncepter blev introduceret til JavaScript, hvilket i høj grad forbedrede kodeoplevelsen. I denne artikel lærer du om iteratorer og generatorer i JavaScript.

Iteratorer og generatorer er to forskellige begreber, men de bruges på lignende måder. De er vant til at iterere gennem arrays og objekter i JavaScript.

Iteratorer

Iteratorer er som avancerede sløjfer, der kan sættes på pause. Iteratorer består af Næste() funktion, som returnerer værdien og udført status. Det værdi feltet er værdien i arrayet ved et givet indeks. Færdig er den boolske værdi, der returnerer status for færdiggørelse for iterationen gennem loop.

Her er et eksempel, der viser, hvordan iteratorer:

function fruitIter (frugter) {
lad indeks = 0;
Vend tilbage {
næste: function () {
returneringsindeks }
}
}
const fruitsArray = ["Mango", "Banan", "Druer"];
const frugter = fruitIter (fruitsArray);
console.log (fruits.next (). værdi);

Produktion:

Mango

Når du passerer frugterArray array i fruitIter () metode, returnerer den en iterator, der er gemt i frugt variabel. Det indeks variabel i fruitIter () metoden initialiseres til 0. Denne metode returnerer Næste() funktion, der hjælper med sløjfer gennem arrayet. Det Næste() funktion kontrollerer, om indekset er mindre end frugterArray længde. I så fald returnerer den to variabler: frugtnavnet ved dette indeks og Færdig status. Mens disse værdier returneres, øges det også indeksværdien.

For at kontrollere, hvordan denne metode fungerer og udskrive frugtnavnet, skal du ringe til Næste() funktion på frugt iterator og få adgang til dens værdi.

Relaterede: Hvad er en funktion i programmering?

Generatorer

Generatorer ligner Iteratorer, men de returnerer flere værdier. Disse værdier kaldes udbytteværdier. Generatorfunktioner skrives ved hjælp af funktion* syntaks. * angiver, at det ikke er en normal funktion, men en generator. Her er et eksempel på generatorer:

funktion* printFruits () {
udbytte "Mango";
udbytte "Banan";
udbytte "Druer";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Produktion:

{value: 'Mango', done: false}

I dette eksempel, udbytte er iteratoren. Når du kalder funktionen printFruits ()og udskrive fruit.next (), det giver dig et objekt, hvor du får værdien. Det Færdig status angiver, om alle værdier er gentaget.

Lær datastrukturer ved hjælp af ES6 -klasser i JavaScript

JavaScript ES6 bragte mange fremskridt inden for kodningspraksis. Ikke mindst er det at opbygge datastrukturer ved hjælp af ES6 -klasser. Skubbe. pop, og stak dig til toppen og bliv en JavaScript -pro!

Sådan opbygges datastrukturer med JavaScript ES6 -klasser

Med introduktionen af ​​JavaScript ES6 kom brugerdefinerede datastrukturer. Sådan opretter og anvender du dem.

Læs Næste

Om forfatteren