Úvod do iterátorov a generátorov v JavaScripte

Od roku 2015 EcmaScript6 (ES6) priniesol mnoho vylepšení v oblasti kódovania JavaScript. Do JavaScriptu bolo zavedených mnoho moderných konceptov, čo výrazne zlepšilo zážitok z kódovania. V tomto článku sa dozviete o iterátoroch a generátoroch v jazyku JavaScript.

Iterátory a generátory sú dva rôzne koncepty, ale používajú sa podobným spôsobom. Používajú sa na iteráciu prostredníctvom polí a objektov v jazyku JavaScript.

Iterátory

Iterátory sú ako pokročilé slučky, ktoré je možné pozastaviť. Iterátory pozostávajú z Ďalšie() funkcia, ktorá vráti hodnotu a stav hotovo. The hodnotu pole je hodnota v poli v danom indexe. hotový je logická hodnota, ktorá vracia stav dokončenia pre iteráciu cez slučku.

Tu je príklad, ktorý ukazuje, ako iterátory:

funkcia fruitIter (ovocie) {
nech index = 0;
vrátiť {
ďalej: function () {
návratový index }
}
}
const fruitArray = ["Mango", "Banán", "Hrozno"];
const ovocie = fruitIter (fruitArray);
console.log (fruit.next (). hodnota);

Výkon:

Mango

Keď prejdete okolo ovocieArray

pole v fruitIter () metóda vráti iterátor uložený v súbore ovocie premenná. The index premenná v fruitIter () metóda sa inicializuje na 0. Táto metóda vráti príponu Ďalšie() funkcia, ktorá pomáha v opakovanie v poli. The Ďalšie() funkcia kontroluje, či je index menší ako ovocieArray dĺžka. Ak je to tak, vráti dve premenné: názov ovocia v tomto indexe a hotový postavenie. Pri vracaní týchto hodnôt tiež zvýši hodnotu indexu.

Ak chcete skontrolovať, ako táto metóda funguje, a vytlačiť názov ovocia, musíte zavolať na Ďalšie() fungovať na ovocie iterátor a získajte prístup k jeho hodnote.

Súvisiace: Čo je funkcia v programovaní?

Generátory

Generátory sú podobné iterátorom, ale vracajú viacero hodnôt. Tieto hodnoty sa nazývajú hodnoty výťažku. Funkcie generátora sú zapísané pomocou funkcia* syntax. * označuje, že to nie je normálna funkcia, ale generátor. Tu je príklad generátorov:

funkcia* printFruits () {
výnos "Mango";
výnos "banán";
výnos „Hrozno“;
}
const ovocie = printFruits ();
console.log (fruit.next ()); 

Výkon:

{value: 'Mango', done: false}

V tomto prípade výťažok je iterátor. Keď zavoláte funkciu printFruits (), a vytlačiť fruit.next (), získate objekt, v ktorom získate hodnotu. The hotový stav označuje, či boli všetky hodnoty iterované.

Naučte sa dátové štruktúry pomocou tried ES6 v JavaScripte

JavaScript ES6 priniesol veľký pokrok v kódovacích postupoch. V neposlednom rade ide o budovanie dátových štruktúr pomocou tried ES6. Tlačiť. vyskočte a postavte sa na vrchol a staňte sa profesionálom v JavaScripte!

Ako vytvoriť dátové štruktúry pomocou tried ES6 JavaScript

So zavedením JavaScriptu ES6 prišli vlastné dátové štruktúry. Tu je postup, ako ich vytvoriť a použiť.

Čítajte ďalej

O autorovi