Cum funcționează For-Each Loop în TypeScript?

Cum Functioneaza For Each Loop In Typescript



Iterarea peste elementele unui tablou sau alt obiect iterabil este o operație de programare comună, iar TypeScript oferă o modalitate ușoară de a face acest lucru cu o buclă „For-Each” care este implementată folosind metoda „forEach()”. Permite executarea unui bloc de cod pentru fiecare element dintr-o matrice sau obiect iterabil fără a vă face griji cu privire la indexul sau lungimea matricei. Acest lucru îl face un instrument util pentru filtrarea, maparea și transformarea datelor.

Acest tutorial va ilustra funcționarea buclei For-Each în TypeScript.

Cum funcționează For-Each Loop în TypeScript?

În TypeScript, „ Pentru fiecare ” bucla este implementată cu 'pentru fiecare() ”, care este o metodă predefinită a obiectului Array. Este folosit pentru iterare prin elementele matricei sau alte obiecte iterabile. Acceptă o funcție de apel invers ca argument, care este executată pentru fiecare element din matrice.







Sintaxă
Următoarea sintaxă este utilizată pentru bucla For-Each:



pentru fiecare ( callbackFunc )

Aici, „callbackFunc” este funcția care este utilizată pentru testarea fiecărui element dintr-o matrice.



De exemplu, utilizați sintaxa de mai sus ca:





matrice.pentruFiecare ( funcţie ( valoare ) {
// cod de executat pentru fiecare element
} ) ;

Exemplu
În exemplul următor, avem o matrice de tip șir numită „ doar ”:

lăsa lang: șir [ ] = [ „JavaScript” , „jQuery” , „Java” ] ;

Apelați metoda forEach() ca buclă For-Each pentru a repeta matricea și a afișa fiecare element al unei matrice la consolă:



lang.forEach ( funcţie ( valoare ) {
console.log ( valoare ) ;
} ) ;

Transpilați fișierul TypeScript utilizând comanda „tsc”:

tsc forEachLoop.ts

Codul este acum convertit în JavaScript, acum vom executa fișierul JavaScript folosind comanda dată:

nodul forEachLoop.js

Ieșirea indică faptul că elementele matricei au fost afișate cu succes pe consolă prin iterarea matricei folosind bucla For-Each:

Bucla „For-Each” nu este folosită numai pentru matrice; poate fi folosit și cu orice obiect iterabil. Aici, vom repeta obiectul numit „ informații oră ” având trei perechi cheie-valoare:

lăsa stdInfo = {
id : 5 ,
Nume: 'Mily' ,
vârstă: cincisprezece
} ;

Repetați obiectul folosind bucla For-Each cu metoda Object.keys() pentru a imprima proprietățile obiectului cu valorile asociate:

Obiect.chei ( informații oră ) .pentru fiecare ( funcţie ( cheie ) {
console.log ( tasta + ':' + informații despre oră [ cheie ] ) ;
} ) ;

Ieșire

Acesta este totul despre funcționarea buclei For-Each în TypeScript.

Concluzie

Bucla „For-Each” este implementată în TypeScript cu „ pentru fiecare() ” metoda care este utilizată pentru iterarea prin elementele matricei sau alte obiecte iterabile. Acceptă o funcție de apel invers ca argument, care este executată pentru fiecare element din matrice. Acest tutorial a ilustrat funcționarea buclei For-Each în TypeScript.