Ako funguje For-Each Loop v TypeScript?

Tento tutoriál ilustruje fungovanie cyklu For-Each v TypeScript.

Ako funguje For-Each Loop v TypeScript?

V TypeScript je „ Pre každý ” slučka je implementovaná s 'pre každý() “, čo je preddefinovaná metóda objektu Array. Používa sa na iteráciu cez prvky poľa alebo iné iterovateľné objekty. Akceptuje funkciu spätného volania ako svoj argument, ktorý sa vykoná pre každý prvok v poli.

Syntax
Pre cyklus For-Each sa používa nasledujúca syntax:

Tu je „callbackFunc“ funkcia, ktorá sa používa na testovanie každého prvku v poli.

Vyššie uvedenú syntax použite napríklad ako:

Príklad
V nasledujúcom príklade máme pole typu reťazec s názvom „ len “:

Zavolajte metódu forEach() ako cyklus For-Each na iteráciu poľa a zobrazenie každého prvku poľa na konzole:

Transpilujte súbor TypeScript pomocou príkazu „tsc“:

Kód je teraz prevedený na JavaScript, teraz spustíme súbor JavaScript pomocou daného príkazu:

Výstup indikuje, že prvky poľa boli úspešne zobrazené na konzole iteráciou poľa pomocou cyklu For-Each:

Slučka „For-Each“ sa nepoužíva len pre polia; dá sa použiť aj s akýmkoľvek iterovateľným objektom. Tu budeme opakovať objekt s názvom „ hodinové info ” s tromi pármi kľúč – hodnota:

Iterujte objekt pomocou cyklu For-Each s metódou Object.keys(), aby ste vytlačili vlastnosti objektu s ich priradenými hodnotami:

Výkon

To je všetko o fungovaní cyklu For-Each v TypeScript.

Záver

Cyklus „For-Each“ je implementovaný v TypeScript s „ pre každý() ” metóda, ktorá sa používa na iteráciu cez prvky poľa alebo iné iterovateľné objekty. Akceptuje funkciu spätného volania ako svoj argument, ktorý sa vykoná pre každý prvok v poli. Tento tutoriál ilustroval fungovanie slučky For-Each v TypeScript.