En quoi forEach est-il différent de la boucle for dans TypeScript ?

En Quoi Foreach Est Il Different De La Boucle For Dans Typescript



Dans TypeScript, le ' pour chaque ' et ' pour Les boucles sont deux approches alternatives pour parcourir des tableaux ou des objets itérables. Bien que les deux techniques parcourent les éléments d'un tableau, elles diffèrent par leur syntaxe et leurs fonctionnalités. La boucle 'for' est une boucle à usage général qui peut exécuter n'importe quelle opération sur chaque élément du tableau, mais la méthode 'forEach' a été conçue exclusivement pour parcourir les tableaux et exécuter une fonction pour chaque élément.

Cet article montrera comment le forEach est différent de la boucle for dans TypeScript.

En quoi 'forEach' est-il différent de la boucle 'for' dans TypeScript ?

Dans TypeScript, ' pour chaque ' et ' pour Les boucles sont deux techniques différentes pour itérer sur des tableaux ou d'autres objets itérables. La principale différence entre les deux est qu'une boucle 'for' est une boucle à usage général qui permet d'effectuer n'importe quelle opération sur des éléments de tableau, tandis que 'forEach' est une méthode conçue spécifiquement pour itérer sur des tableaux et exécuter une fonction pour chaque élément. Certaines différences communes seront discutées dans le tableau ci-dessous :







pour chaque pour la boucle
La syntaxe de forEach est plus concise et lisible. Les boucles for ont une syntaxe plus complexe que forEach, ce qui peut les rendre plus difficiles à lire et à comprendre.
Il est généralement plus performant que d'utiliser une boucle for, en particulier pour les grands tableaux. De meilleures performances globales mais moins que forEach.
forEach est conçu explicitement pour exécuter une fonction sur chaque élément. Il peut effectuer n'importe quelle opération sur chaque élément d'un tableau.
Il est moins flexible que pour les boucles. Les boucles for sont plus flexibles que forEach.

Avant de passer à l'implémentation pratique, gardez à l'esprit que pour exécuter un fichier TypeScript, il doit être transpilé dans un fichier JavaScript puis exécuter le code JavaScript sur le terminal à l'aide des commandes données :



tsc nomfichier.ts
nœud filename.js

Comment fonctionne 'forEach' dans TypeScript ?

Le ' pour chaque ' est une méthode pré-construite dans TypeScript qui nous permet de boucler sur un tableau et d'exécuter une fonction sur chaque élément du tableau.



Syntaxe
La syntaxe suivante est utilisée pour la boucle forEach :





pour chaque ( fonction de rappel )

Exemple
Créez un tableau de nombres impairs :

const nombresimpairs = [ 1 , 3 , 5 , 7 , 9 , onze ] ;

Itérez le tableau et imprimez les éléments du tableau sur la console à l'aide de la méthode forEach :



nombresimpairs.pourChaque ( ( Nombres ) = > {
console.log ( Nombres ) ;
} ) ;

Sortir

]

Comment fonctionne la boucle 'for' dans TypeScript ?

UN ' pour ” est une boucle standard. Il permet de parcourir une collection d'éléments et d'effectuer certaines actions/opérations sur chaque élément.

Syntaxe
La syntaxe donnée est utilisée pour la boucle 'for':

pour ( initialValue, specificCondition, stepIncrement ) {
// corps de boucle
}

Exemple
Itérez le tableau créé ci-dessus à l'aide de la boucle for et affichez les éléments du tableau sur la console :

pour ( laisser je = 0 ; je < nombresimpairs.longueur ; je++ ) {
console.log ( nombres impairs [ je ] ) ;
}

Sortir

Nous avons compilé toutes les instructions nécessaires concernant la différence entre forEach et for loop dans TypeScript.

Conclusion

Le ' pour chaque ' et ' pour Les boucles sont deux techniques différentes pour itérer sur des tableaux ou d'autres objets itérables. Bien que les deux approches parcourent les éléments du tableau, elles diffèrent par leur syntaxe et leurs fonctionnalités. La principale différence entre les deux est qu'une boucle 'for' est une boucle à usage général qui permet d'effectuer n'importe quelle opération sur des éléments de tableau, tandis que 'forEach' est une méthode conçue explicitement pour itérer sur des tableaux et exécuter une fonction pour chaque élément. Cet article a montré en quoi forEach est différent de la boucle for dans TypeScript.