Ce tutoriel illustrera le fonctionnement de la boucle For-Each dans TypeScript.
Comment fonctionne la boucle For-Each dans TypeScript ?
Dans TypeScript, le ' Pour chaque ” boucle est implémentée avec la 'pour chaque() ” méthode, qui est une méthode prédéfinie de l'objet Array. Il est utilisé pour parcourir les éléments du tableau ou d'autres objets itérables. Il accepte une fonction de rappel comme argument, qui est exécutée pour chaque élément du tableau.
Syntaxe
La syntaxe suivante est utilisée pour la boucle For-Each :
pour chaque ( fonction de rappel )
Ici, le 'callbackFunc' est la fonction utilisée pour tester chaque élément d'un tableau.
Par exemple, utilisez la syntaxe ci-dessus comme :
array.forEach ( fonction ( valeur ) {
// code à exécuter pour chaque élément
} ) ;
Exemple
Dans l'exemple suivant, nous avons un tableau de type chaîne nommé ' juste ” :
Appelez la méthode forEach() en tant que boucle For-Each pour parcourir le tableau et afficher chaque élément d'un tableau sur la console :
lang.forEach ( fonction ( valeur ) {
console.log ( valeur ) ;
} ) ;
Transpilez le fichier TypeScript à l'aide de la commande « tsc » :
tsc forEachLoop.tsLe code est maintenant converti en JavaScript, maintenant nous allons exécuter le fichier JavaScript en utilisant la commande donnée :
nœud forEachLoop.jsLa sortie indique que les éléments du tableau ont été affichés avec succès sur la console en itérant le tableau à l'aide de la boucle For-Each :
La boucle « For-Each » n'est pas seulement utilisée pour les tableaux ; il peut également être utilisé avec n'importe quel objet itérable. Ici, nous allons itérer l'objet nommé ' informations sur l'heure ” ayant trois paires clé-valeur :
laisser stdInfo = {identifiant : 5 ,
nom: 'Mily' ,
âge: quinze
} ;
Itérez l'objet en utilisant la boucle For-Each avec la méthode Object.keys() pour imprimer les propriétés de l'objet avec leurs valeurs associées :
Object.keys ( informations sur l'heure ) .pour chaque ( fonction ( clé ) {console.log ( clé + ':' + infos horaires [ clé ] ) ;
} ) ;
Sortir
C'est tout sur le fonctionnement de la boucle For-Each dans TypeScript.
Conclusion
La boucle 'For-Each' est implémentée dans TypeScript avec le ' pour chaque() ” méthode utilisée pour parcourir les éléments du tableau ou d'autres objets itérables. Il accepte une fonction de rappel comme argument, qui est exécutée pour chaque élément du tableau. Ce tutoriel a illustré le fonctionnement de la boucle For-Each dans TypeScript.