Cum este forEach diferit de for Loop în TypeScript?

Cum Este Foreach Diferit De For Loop In Typescript



În TypeScript, „ pentru fiecare ' și ' pentru buclele sunt două abordări alternative pentru iterarea prin matrice sau obiecte iterabile. În timp ce ambele tehnici parcurg elementele unui tablou, ele diferă în sintaxă și funcționalitate. Bucla „for” este o buclă de uz general care poate executa orice operație pe fiecare element de matrice, dar metoda „forEach” a fost concepută exclusiv pentru iterarea în matrice și pentru a executa o funcție pentru fiecare element.

Acest articol va demonstra modul în care forEach este diferit de bucla for din TypeScript.

Cum este „forEach” diferit de bucla „for” în TypeScript?

În TypeScript, „ pentru fiecare ' și ' pentru buclele sunt două tehnici diferite de iterare peste matrice sau alte obiecte iterabile. Principala diferență dintre ambele este că o buclă „for” este o buclă de uz general care permite efectuarea oricărei operațiuni asupra elementelor matricei, în timp ce „forEach” este o metodă care este concepută special pentru iterarea peste matrice și executarea unei funcții pentru fiecare. element. Câteva diferențe comune vor fi discutate în tabelul dat:







pentru fiecare pentru buclă
Sintaxa forEach este mai concisă și mai ușor de citit. buclele for au o sintaxă mai complexă decât forEach, ceea ce le poate face mai greu de citit și de înțeles.
În general, este mai performant decât utilizarea unei bucle for, în special pentru matrice mai mari. Performanță generală mai bună, dar mai mică decât pentru fiecare.
forEach este conceput în mod explicit pentru a executa o funcție pe fiecare element. Poate efectua orice operație pe fiecare element al unui tablou.
Este mai puțin flexibil decât pentru bucle. buclele for sunt mai flexibile decât forEach.

Înainte de a trece la implementarea practică, rețineți că pentru a executa un fișier TypeScript, acesta trebuie să fie transpilat într-un fișier JavaScript și apoi să rulați codul JavaScript pe terminal folosind comenzile date:



tsc nume de fișier.ts
nod filename.js

Cum funcționează „forEach” în TypeScript?

pentru fiecare ” este o metodă pre-construită în TypeScript care ne permite să facem bucla peste o matrice și să executăm o funcție pe fiecare element de matrice.



Sintaxă
Următoarea sintaxă este utilizată pentru bucla forEach:





pentru fiecare ( callbackFunc )

Exemplu
Creați o matrice de numere impare:

const oddNumbers = [ 1 , 3 , 5 , 7 , 9 , unsprezece ] ;

Repetați matricea și imprimați elementele matricei pe consolă folosind metoda forEach:



oddNumbers.forEach ( ( numere ) = > {
console.log ( numere ) ;
} ) ;

Ieșire

]

Cum funcționează bucla „for” în TypeScript?

A ' pentru ” bucla este o buclă standard. Permite iterarea unei colecții de articole și efectuarea unor acțiuni/operații asupra fiecărui articol.

Sintaxă
Sintaxa dată este utilizată pentru bucla „for”:

pentru ( initialValue, specificCondition, stepIncrement ) {
// corpul buclei
}

Exemplu
Repetați matricea creată mai sus folosind pentru buclă și elemente de matrice de afișare pe consolă:

pentru ( lăsa i = 0 ; i < oddNumbers.lungime; i++ ) {
console.log ( numere impare [ i ] ) ;
}

Ieșire

Am compilat toate instrucțiunile necesare relevante pentru diferența dintre bucla forEach și for în TypeScript.

Concluzie

pentru fiecare ' și ' pentru buclele sunt două tehnici diferite de iterare peste matrice sau alte obiecte iterabile. În timp ce ambele abordări parcurg elementele matricei, ele diferă în sintaxă și funcționalitate. Principala diferență între ambele este că o buclă „for” este o buclă de uz general care permite efectuarea oricărei operații asupra elementelor matricei, în timp ce „forEach” este o metodă care este concepută în mod explicit pentru iterarea peste matrice și executarea unei funcții pentru fiecare. element. Acest articol a demonstrat cum forEach este diferit de bucla for din TypeScript.