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:
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”:
// corpul buclei
}
Exemplu
Repetați matricea creată mai sus folosind pentru buclă și elemente de matrice de afișare pe consolă:
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.