Hoe verschilt forEach van for Loop in TypeScript?

In TypeScript is de ' voor elk ' En ' voor 'loops zijn twee alternatieve benaderingen voor het doorlopen van arrays of itereerbare objecten. Hoewel beide technieken de items van een array doorlopen, verschillen ze in syntaxis en functionaliteit. De 'for'-lus is een algemene lus die elke bewerking op elk array-element kan uitvoeren, maar de 'forEach'-methode is exclusief ontworpen voor iteratie over arrays en het uitvoeren van een functie voor elk element.

Dit artikel laat zien hoe de forEach verschilt van de for-lus in TypeScript.

Hoe verschilt 'forEach' van 'for' Loop in TypeScript?

In TypScript, ' voor elk ' En ' voor 'loops zijn twee verschillende technieken om arrays of andere itereerbare objecten te herhalen. Het belangrijkste verschil tussen beide is dat een 'for'-lus een algemene lus is waarmee elke bewerking op array-elementen kan worden uitgevoerd, terwijl 'forEach' een methode is die specifiek is ontworpen voor het doorlopen van arrays en het uitvoeren van een functie voor elk element. Enkele veelvoorkomende verschillen zullen in de gegeven tabel worden besproken:

voor elk	for loop
De syntaxis van forEach is beknopter en leesbaarder.	for-lussen hebben een complexere syntaxis dan forEach, waardoor ze moeilijker te lezen en te begrijpen zijn.
Het is over het algemeen performanter dan het gebruik van een for-lus, vooral voor grotere arrays.	Over het algemeen betere prestaties, maar minder dan voor elk.
forEach is expliciet ontworpen voor het uitvoeren van een functie op elk element.	Het kan elke bewerking uitvoeren op elk element van een array.
Het is minder flexibel dan for loops.	for loops zijn flexibeler dan forEach.

Voordat u doorgaat met de praktische implementatie, moet u er rekening mee houden dat om een TypeScript-bestand uit te voeren, het moet worden omgezet in een JavaScript-bestand en vervolgens de JavaScript-code op de terminal moet uitvoeren met behulp van de gegeven opdrachten:

tsc bestandsnaam.ts
knooppunt bestandsnaam.js

Hoe werkt 'forEach' in TypeScript?

De ' voor elk ” is een vooraf gebouwde methode in TypeScript waarmee we een array kunnen doorlopen en een functie kunnen uitvoeren op elk array-element.

Syntaxis
De volgende syntaxis wordt gebruikt voor de forEach-lus:

voor elk ( callbackFunc )

Voorbeeld
Maak een reeks oneven getallen:

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

Herhaal de array en print de array-elementen op de console met behulp van de forEach-methode:

oddNumbers.forElk ( ( nummers ) = > {
console.log ( nummers ) ;
} ) ;

Uitgang

]

Hoe werkt 'for' Loop in TypeScript?

A ' voor ” lus is een standaard lus. Het maakt het mogelijk om door een verzameling items te itereren en enkele acties / bewerkingen op elk item uit te voeren.

Syntaxis
De gegeven syntaxis wordt gebruikt voor de 'for' -lus:

voor ( initialValue, specificCondition, stepIncrement ) {
// lus lichaam
}

Voorbeeld
Herhaal de hierboven gemaakte array met behulp van for loop en toon array-elementen op de console:

voor ( laten ik = 0 ; i < oddNumbers.lengte; ik++ ) {
console.log ( oneven nummers [ i ] ) ;
}

Uitgang

We hebben alle benodigde instructies verzameld die relevant zijn voor het verschil tussen forEach en for loop in TypeScript.

Conclusie

De ' voor elk ' En ' voor 'loops zijn twee verschillende technieken om arrays of andere itereerbare objecten te herhalen. Hoewel beide benaderingen de array-elementen doorlopen, verschillen ze in syntaxis en functionaliteit. Het belangrijkste verschil tussen beide is dat een 'for'-lus een algemene lus is waarmee elke bewerking op array-elementen kan worden uitgevoerd, terwijl 'forEach' een methode is die expliciet is ontworpen voor het herhalen van arrays en het uitvoeren van een functie voor elk element. Dit artikel liet zien hoe de forEach verschilt van de for-lus in TypeScript.

Hoe verschilt forEach van for Loop in TypeScript?