Uvod v Iteratorje in Generatorje v JavaScript

Od leta 2015 je EcmaScript6 (ES6) prinesel veliko napredkov v kodiranju JavaScript. V JavaScript so bili uvedeni številni sodobni koncepti, ki so močno izboljšali izkušnjo kodiranja. V tem članku boste izvedeli o iteratorjih in generatorjih v JavaScriptu.

Iteratorji in generatorji so dva različna koncepta, vendar se uporabljata na podoben način. Uporabljajo se za ponavljanje po nizih in objektih v JavaScriptu.

Iteratorji

Iteratorji so kot napredne zanke, ki jih je mogoče začasno ustaviti. Iteratorje sestavljajo Naslednji() funkcija, ki vrne vrednost in stanje končano. The vrednost field je vrednost v matriki pri danem indeksu. Končano je logična vrednost, ki vrne stanje dokončanja iteracije skozi zanko.

Tu je primer, ki prikazuje, kako ponavljajo:

function fruitIter (sadje) {
naj bo indeks = 0;
return {
naslednji: function () {
indeks vračanja }
}
}
const fruitArray = ["Mango", "Banana", "Grozdje"];
const sadje = fruitIter (sadjeArray);
console.log (sadje.next (). vrednost);

Izhod:

Mango

Ko greste mimo

sadjeArray matriki v fruitIter () metoda vrne iterator, ki je shranjen v sadje spremenljivka. The kazalo spremenljivka v fruitIter () se metoda inicializira na 0. Ta metoda vrne Naslednji() funkcija, ki pomaga pri zankanje skozi matriko. The Naslednji() funkcija preveri, ali je indeks manjši od sadjeArray dolžino. Če je tako, vrne dve spremenljivki: ime sadja pri tem indeksu in Končano stanje. Med vračanjem teh vrednosti poveča tudi vrednost indeksa.

Če želite preveriti, kako ta metoda deluje, in natisniti ime sadja, morate poklicati Naslednji() funkcijo na sadje iterator in pridobite dostop do njegove vrednosti.

Povezano: Kaj je funkcija pri programiranju?

Generatorji

Generatorji so podobni Iteratorjem, vendar vračajo več vrednosti. Te vrednosti se imenujejo vrednosti donosa. Generator funkcije so zapisane z uporabo sintaksa funkcije*. * označuje, da to ni normalna funkcija, ampak generator. Tu je primer generatorjev:

funkcija* printFruits () {
pridelek "Mango";
pridelek "Banana";
pridelek "grozdje";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Izhod:

{value: 'Mango', narejeno: false}

V tem primeru donos je iterator. Ko pokličete funkcijo printFruits ()in natisnite sadje.naprej (), vam daje predmet, kjer dobite vrednost. The Končano status označuje, ali so bile vse vrednosti ponovljene.

Naučite se podatkovnih struktur z uporabo razredov ES6 v JavaScript

JavaScript ES6 je prinesel veliko napredka v kodiranju. Ne nazadnje je gradnja podatkovnih struktur z uporabo razredov ES6. Potisnite. pop in zložite svojo pot na vrh in postanite profesionalec JavaScript!

Kako zgraditi podatkovne strukture z razredi JavaScript ES6

Z uvedbo JavaScripta ES6 so prišle podatkovne strukture po meri. Evo, kako jih ustvariti in uporabiti.

Preberite Naprej

O avtorju