Uvod u Iteratore i Generatore u JavaScriptu

Od 2015. EcmaScript6 (ES6) donio je mnoge pomake u praksi kodiranja JavaScripta. U JavaScript su uvedeni brojni moderni koncepti koji su uvelike poboljšali iskustvo kodiranja. U ovom ćete članku naučiti o iteratorima i generatorima u JavaScriptu.

Iteratori i generatori dva su različita koncepta, ali se koriste na slične načine. Koriste se za ponavljanje nizova i objekata u JavaScriptu.

Iteratori

Iteratori su poput naprednih petlji koje se mogu pauzirati. Iteratori se sastoje od Sljedeći() funkcija, koja vraća vrijednost i status učinjeno. The vrijednost field je vrijednost u nizu pri danom indeksu. učinjeno je logička vrijednost koja vraća status dovršetka za iteraciju kroz petlju.

Evo primjera koji pokazuje kako iteratori:

funkcija fruitIter (plodovi) {
neka je indeks = 0;
vratiti {
next: function () {{100} {101}
indeks povrata }
}
}
const fruitArray = ["Mango", "Banana", "Grožđe"];
const plodovi = fruitIter (voćni niz);
console.log (fruit.next (). vrijednost);

Izlaz:

Mango

Kad prođete voćeArray

niz u fruitIter () metoda, vraća iterator koji je pohranjen u voće promjenjivo. The indeks varijabla u fruitIter () metoda se inicijalizira na 0. Ova metoda vraća Sljedeći() funkcija koja pomaže u petlja kroz niz. The Sljedeći() funkcija provjerava je li indeks manji od voćeArray duljina. Ako je tako, vraća dvije varijable: naziv ploda u tom indeksu i učinjeno status. Vraćajući ove vrijednosti, on također povećava vrijednost indeksa.

Da biste provjerili kako ova metoda funkcionira i ispisali naziv voća, morate nazvati Sljedeći() funkciju na voće iterator i dobiti pristup njegovoj vrijednosti.

Povezano: Što je funkcija u programiranju?

Generatori

Generatori su slični Iteratorima, ali vraćaju više vrijednosti. Te se vrijednosti nazivaju vrijednostima prinosa. Generatorske funkcije se pišu pomoću funkcija* sintaksa. * označava da to nije normalna funkcija, već generator. Evo primjera generatora:

funkcija* printFruits () {
prinos "Mango";
prinos "Banana";
prinos "Grožđe";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Izlaz:

{value: 'Mango', učinjeno: false}

U ovom primjeru, prinos je iterator. Kada pozovete funkciju printFruits (), i ispisati voće.naprijed (), daje vam objekt gdje dobivate vrijednost. The učinjeno status označava jesu li sve vrijednosti ponovljene.

Naučite strukture podataka pomoću klasa ES6 u JavaScriptu

JavaScript ES6 donio je veliki napredak u praksi kodiranja. Ne najmanje važno je izgradnja struktura podataka korištenjem klasa ES6. Gurnuti. pop, složite svoj put do vrha i postanite JavaScript profesionalac!

Kako izgraditi strukture podataka s JavaScript ES6 klasama

Uvođenjem JavaScripta ES6 pojavile su se prilagođene strukture podataka. Evo kako ih izraditi i primijeniti.

Pročitajte Dalje

O autoru