Johdanto iteraattoreihin ja generaattoreihin JavaScriptissä

Vuodesta 2015 lähtien EcmaScript6 (ES6) on tuonut monia parannuksia JavaScript -koodauskäytäntöihin. JavaScriptiin esiteltiin lukuisia moderneja käsitteitä, mikä paransi merkittävästi koodauskokemusta. Tässä artikkelissa opit JavaScriptin iteraattoreista ja generaattoreista.

Iteraattorit ja generaattorit ovat kaksi eri käsitettä, mutta niitä käytetään samalla tavalla. Niitä käytetään iteroimaan JavaScriptin matriisien ja objektien läpi.

Iteraattorit

Iteraattorit ovat kuin kehittyneitä silmukoita, jotka voidaan keskeyttää. Iteraattorit koostuvat Seuraava() funktio, joka palauttaa arvon ja tehdyn tilan. The arvo kenttä on taulukon arvo tietyssä indeksissä. tehty on boolen arvo, joka palauttaa iteraation valmistumisen tilan silmukan kautta.

Tässä on esimerkki, joka osoittaa, miten iteraattorit:

function fruitIter (hedelmät) {
anna indeksi = 0;
paluu {
seuraava: function () {
paluuindeksi }
}
}
const fruitArray = ["Mango", "Banaani", "Rypäleet"];
const hedelmät = fruitIter (fruitArray);
console.log (hedelmät.seuraava (). arvo);

Lähtö:

Mango

Kun ohitat hedelmätArray matriisi hedelmätIter () menetelmä, se palauttaa iteraattorin, joka on tallennettu hedelmiä muuttuja. The indeksi muuttuja hedelmätIter () menetelmä alustetaan arvoon 0. Tämä menetelmä palauttaa Seuraava() toiminto, joka auttaa silmukan läpi taulukon. The Seuraava() toiminto tarkistaa, onko indeksi pienempi kuin hedelmätArray pituus. Jos näin on, se palauttaa kaksi muuttujaa: hedelmän nimi kyseisessä indeksissä ja tehty Tila. Palauttaessaan nämä arvot se myös lisää indeksin arvoa.

Voit tarkistaa, miten tämä menetelmä toimii ja tulostaa hedelmän nimen, soittamalla Seuraava() toiminto hedelmiä iteraattori ja pääset käsiksi sen arvoon.

Aiheeseen liittyviä: Mikä on toiminto ohjelmoinnissa?

Generaattorit

Generaattorit ovat samanlaisia ​​kuin Iterators, mutta ne palauttavat useita arvoja. Näitä arvoja kutsutaan tuottoarvoiksi. Generaattorin toiminnot kirjoitetaan toiminto* syntaksi. * tarkoittaa, että se ei ole normaali toiminto, vaan generaattori. Tässä on esimerkki generaattoreista:

toiminto* printFruits () {
saanto "Mango";
saanto "Banaani";
saanto "Rypäleet";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Lähtö:

{value: 'Mango', tehty: false}

Tässä esimerkissä saanto on iteraattori. Kun soitat toimintoon printFruits ()ja tulosta fruit.next (), se antaa sinulle kohteen, josta saat arvon. The tehty tila ilmaisee, onko kaikki arvot toistettu.

Opi tietorakenteita ES6 -luokkien avulla JavaScriptissä

JavaScript ES6 toi paljon edistystä koodauskäytäntöihin. Vähintään yksi niistä on tietorakenteiden rakentaminen käyttämällä ES6 -luokkia. Työntää. pop, ja pinoa tiensä huipulle ja ryhdy JavaScript -ammattilaiseksi!

Tietorakenteiden luominen JavaScript ES6 -luokilla

JavaScript ES6: n käyttöönoton myötä tulivat mukautetut tietorakenteet. Näin voit luoda ja soveltaa niitä.

Lue seuraava

Kirjailijasta