Une introduction aux itérateurs et générateurs en JavaScript

Depuis 2015, EcmaScript6 (ES6) a apporté de nombreuses avancées dans les pratiques de codage JavaScript. De nombreux concepts modernes ont été introduits dans JavaScript, améliorant considérablement l'expérience de codage. Dans cet article, vous découvrirez les itérateurs et les générateurs en JavaScript.

Les itérateurs et les générateurs sont deux concepts différents, mais ils sont utilisés de manière similaire. Ils sont utilisés pour parcourir des tableaux et des objets en JavaScript.

Itérateurs

Les itérateurs sont comme des boucles avancées qui peuvent être mises en pause. Les itérateurs sont constitués des Suivant() fonction, qui renvoie la valeur et l'état terminé. Les valeur field est la valeur dans le tableau à un index donné. terminé est la valeur booléenne qui renvoie l'état d'achèvement de l'itération dans la boucle.

Voici un exemple qui montre comment les itérateurs:

fonction fruitIter (fruits){
laissez indice = 0;
revenir {
suivant: fonction(){
indice de retour < fruits.longueur? { valeur: fruits[index++], fait: faux }: {fait: vrai}

instagram viewer


}
}
}
const fruitsArray = ["Mangue", "Banane", "Raisins"];
const fruits = fruitIter (fruitsArray);
console.log (fruits.next().value);

Sortir:

Mangue

Lorsque vous passez le fruitsTableau tableau dans le fruitIter() méthode, il renvoie un itérateur qui est stocké dans le des fruits variable. Les indice variable dans le fruitIter() la méthode est initialisée à 0. Cette méthode renvoie le Suivant() fonction qui aide à boucle dans le tableau. Les Suivant() la fonction vérifie si l'index est inférieur à fruitsTableau longueur. Si c'est le cas, il renvoie deux variables: le nom du fruit à cet index et le terminé statut. Lors du renvoi de ces valeurs, il incrémente également la valeur de l'index.

Pour vérifier le fonctionnement de cette méthode et imprimer le nom du fruit, vous devez appeler le Suivant() fonction sur le des fruits itérateur et accéder à sa valeur.

En rapport: Qu'est-ce qu'une fonction en programmation ?

Générateurs

Les générateurs sont similaires aux itérateurs mais ils renvoient plusieurs valeurs. Ces valeurs sont appelées valeurs de rendement. Les fonctions génératrices sont écrites en utilisant le fonction* syntaxe. * indique que ce n'est pas une fonction normale, mais un générateur. Voici un exemple de générateurs:

function* printFruits(){
donner "Mangue" ;
donner "Banane";
donner des « raisins » ;
}
const fruit = printFruits();
console.log (fruit.next()); 

Sortir:

{valeur: 'Mango', done: false}

Dans cet exemple, rendement est l'itérateur. Lorsque vous appelez la fonction imprimerFruits(), et imprimer fruit.suivant(), cela vous donne un objet dont vous obtenez la valeur. Les terminé status indique si toutes les valeurs ont été itérées.

Apprendre les structures de données à l'aide des classes ES6 en JavaScript

JavaScript ES6 a apporté beaucoup de progrès dans les pratiques de codage. Le moindre n'est pas la construction de structures de données à l'aide des classes ES6. Pousser. pop, et empile ton chemin jusqu'au sommet et deviens un pro de JavaScript!

Comment créer des structures de données avec des classes JavaScript ES6

Avec l'introduction de JavaScript ES6, des structures de données personnalisées sont apparues. Voici comment les créer et les appliquer.

Lire la suite

A propos de l'auteur