Hoe werkt For-Each Loop in TypeScript?

Hoe Werkt For Each Loop In Typescript



Itereren over de elementen van een array of ander itereerbaar object is een gebruikelijke programmeerbewerking, en TypeScript biedt een gemakkelijke manier om dit te doen met een 'For-Each'-lus die wordt geïmplementeerd met behulp van de 'forEach()'-methode. Hiermee kan een codeblok worden uitgevoerd voor elk element in een array of een itereerbaar object zonder dat u zich zorgen hoeft te maken over de index of lengte van de array. Dit maakt het een handig hulpmiddel voor het filteren, in kaart brengen en transformeren van gegevens.

Deze tutorial illustreert de werking van de For-Each-lus in TypeScript.

Hoe werkt For-Each Loop in TypeScript?

In TypeScript is de ' Voor elk ” lus wordt geïmplementeerd met de 'voor elk() ” methode, wat een vooraf gedefinieerde methode is van het Array-object. Het wordt gebruikt voor het doorlopen van de array-elementen of andere itereerbare objecten. Het accepteert een callback-functie als argument, die wordt uitgevoerd voor elk element in de array.







Syntaxis
De volgende syntaxis wordt gebruikt voor de For-Each-lus:



voor elk ( callbackFunc )

Hier is de 'callbackFunc' de functie die wordt gebruikt voor het testen van elk element in een array.



Gebruik bijvoorbeeld de bovenstaande syntaxis als:





array.forElk ( functie ( waarde ) {
// code uit te voeren voor elk element
} ) ;

Voorbeeld
In het volgende voorbeeld hebben we een array van het type string met de naam ' zojuist ”:

laten lang: tekenreeks [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Roep de methode forEach() aan als een For-Each-lus om de array te herhalen en elk element van een array op de console weer te geven:



lang.voorElk ( functie ( waarde ) {
console.log ( waarde ) ;
} ) ;

Transpileer het TypeScript-bestand met de opdracht 'tsc':

tsc voorEachLoop.ts

De code is nu geconverteerd naar JavaScript, nu gaan we het JavaScript-bestand uitvoeren met de gegeven opdracht:

knooppunt voorEachLoop.js

De uitvoer geeft aan dat de array-elementen met succes zijn weergegeven op de console door de array te herhalen met behulp van de For-Each-lus:

De 'For-Each'-lus wordt niet alleen gebruikt voor arrays; het kan ook worden gebruikt met elk itereerbaar object. Hier herhalen we het object met de naam ' uur informatie ” met drie sleutel-waardeparen:

laten stdInfo = {
ID kaart : 5 ,
naam: 'Mily' ,
leeftijd: vijftien
} ;

Herhaal het object met behulp van de For-Each-lus met de methode Object.keys() om de eigenschappen van het object met de bijbehorende waarden af ​​te drukken:

Objecttoetsen ( uur informatie ) .voor elk ( functie ( sleutel ) {
console.log ( toets + ':' + uur info [ sleutel ] ) ;
} ) ;

Uitgang

Dat is alles over de werking van de For-Each-lus in TypeScript.

Conclusie

De 'For-Each'-lus is geïmplementeerd in TypeScript met de ' voorelk() 'methode die wordt gebruikt voor het doorlopen van de array-elementen of andere itereerbare objecten. Het accepteert een callback-functie als argument, die wordt uitgevoerd voor elk element in de array. Deze tutorial illustreerde de werking van de For-Each-lus in TypeScript.