Introducere în Iteratoare și Generatoare în JavaScript

Din 2015, EcmaScript6 (ES6) a adus multe progrese în practicile de codare JavaScript. Numeroase concepte moderne au fost introduse în JavaScript, îmbunătățind considerabil experiența de codare. În acest articol, veți afla despre iteratoare și generatoare în JavaScript.

Iteratoarele și generatoarele sunt două concepte diferite, dar sunt utilizate în moduri similare. Sunt obișnuiți să itereze prin tablouri și obiecte în JavaScript.

Iteratori

Iteratorii sunt ca niște bucle avansate care pot fi întrerupte. Iteratorii constau din Următorul() funcție, care returnează valoarea și starea terminată. The valoare câmp este valoarea din matrice la un index dat. Terminat este valoarea booleană care returnează starea de finalizare pentru iterația prin buclă.

Iată un exemplu care demonstrează modul în care iteratorii:

function fruitIter (fruits) {
let index = 0;
întoarcere {
următor: function () {
indice de returnare }
}
}
const fruitsArray = ["Mango", "Banana", "Struguri"];
const fruits = fruitIter (fruitsArray);
console.log (fruits.next (). valoare);

Ieșire:

Mango

Când treci de fruitsArray matrice în fruitIter (), returnează un iterator stocat în fructe variabil. The index variabilă în fruitIter () metoda este inițializată la 0. Această metodă returnează fișierul Următorul() funcție care ajută la buclând prin matrice. The Următorul() funcția verifică dacă indexul este mai mic de fruitsArray lungime. Dacă da, returnează două variabile: numele fructului la acel indice și Terminat stare. În timp ce returnează aceste valori, crește și valoarea indexului.

Pentru a verifica modul în care funcționează această metodă și a imprima numele fructelor, trebuie să apelați Următorul() funcție pe fructe iterator și obțineți acces la valoarea sa.

Legate de: Ce este o funcție în programare?

Generatoare

Generatoarele sunt similare cu Iteratorii, dar returnează valori multiple. Aceste valori se numesc valori ale randamentului. Funcțiile generator sunt scrise folosind funcția * sintaxă. * denotă că nu este o funcție normală, ci un generator. Iată un exemplu de generatoare:

function * printFruits () {
randament "Mango";
randament "Banana";
randament "Struguri";
}
fruct fruct = printFruits ();
console.log (fruit.next ()); 

Ieșire:

{value: 'Mango', done: false}

În acest exemplu, Randament este iteratorul. Când apelați funcția printFruits (), și tipăriți fruit.next (), îți oferă un obiect de unde obții valoarea. The Terminat status indică dacă toate valorile au fost repetate.

Aflați structurile de date folosind clasele ES6 în JavaScript

JavaScript ES6 a adus multe progrese în practicile de codare. Nu cea mai mică dintre acestea este construirea de structuri de date folosind clasele ES6. Apăsați. pop, și stivuiește-ți drumul spre partea de sus și devii un profesionist JavaScript!

Cum să construiți structuri de date cu clase JavaScript ES6

Odată cu introducerea JavaScript ES6 au apărut structuri de date personalizate. Iată cum să le creați și să le aplicați.

Citiți în continuare

Despre autor