Sissejuhatus JavaScripti iteraatoritesse ja generaatoritesse

Alates 2015. aastast on EcmaScript6 (ES6) toonud JavaScripti kodeerimispraktikas palju edusamme. JavaScripti kasutusele võeti palju kaasaegseid kontseptsioone, mis parandasid oluliselt kodeerimiskogemust. Selles artiklis saate teada JavaScripti iteraatorite ja generaatorite kohta.

Iteraatorid ja generaatorid on kaks erinevat mõistet, kuid neid kasutatakse sarnasel viisil. Neid kasutatakse JavaScripti massiivide ja objektide kordamiseks.

Iteraatorid

Iteraatorid on nagu täiustatud tsüklid, mille saab peatada. Iteraatorid koosnevad järgmine () funktsioon, mis tagastab väärtuse ja valmisoleku. The väärtus väli on antud indeksi massiivi väärtus. tehtud on loogiline väärtus, mis tagastab silmuse kaudu iteratsiooni lõpetamise oleku.

Siin on näide, mis näitab iteraatorite toimimist:

function fruitIter (puuviljad) {
las indeks = 0;
tagasi {
järgmine: function () {
tootlusindeks }
}
}
const fruitArray = ["Mango", "Banaan", "Viinamarjad"];
const puuviljad = fruitIter (fruitArray);
console.log (fruit.next (). väärtus);

Väljund:

Mango

Kui möödute puuviljadArray massiiv fruitIter () meetod, tagastab iteraatori, mis on salvestatud kausta puuviljad muutuja. The indeks muutuja fruitIter () meetod lähtestatakse väärtuseks 0. See meetod tagastab järgmine () funktsioon, mis aitab kaasa massiivist läbi sõites. The järgmine () funktsioon kontrollib, kas indeks on väiksem kui puuviljadArray pikkus. Kui jah, tagastab see kaks muutujat: puuvilja nimi sellel indeksil ja tehtud staatus. Neid väärtusi tagastades suurendab see ka indeksi väärtust.

Selle meetodi toimimise kontrollimiseks ja puuvilja nime printimiseks peate helistama järgmine () funktsioon puuviljad iteraator ja pääsete juurde selle väärtusele.

Seotud: Mis on programmeerimise funktsioon?

Generaatorid

Generaatorid sarnanevad iteraatoritega, kuid tagastavad mitu väärtust. Neid väärtusi nimetatakse saagisväärtusteks. Generaatori funktsioonid kirjutatakse, kasutades funktsioon* süntaks. * tähistab, et see pole tavaline funktsioon, vaid generaator. Siin on näide generaatoritest:

funktsioon* printFruits () {
saagikus "Mango";
saagikus "Banaan";
saagikus "Viinamarjad";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Väljund:

{value: 'Mango', tehtud: false}

Selles näites saagikus on iteraator. Kui helistate funktsioonile printFruits ()ja printida fruit.next (), see annab teile objekti, kust saate väärtuse. The tehtud olek näitab, kas kõik väärtused on läbi viidud.

Õppige andmestruktuure JavaScripti ES6 klasside abil

JavaScript ES6 tõi kodeerimispraktikas palju edasi. Mitte vähem oluline neist on andmestruktuuride loomine ES6 klasside abil. Lükake. pop ja astuge tippu ning hakake JavaScripti profiks!

Kuidas ehitada andmestruktuure JavaScripti ES6 klassidega

JavaScripti ES6 kasutuselevõtuga kaasnesid kohandatud andmestruktuurid. Siit saate teada, kuidas neid luua ja rakendada.

Loe edasi

Autori kohta