Hvordan fungerer For-Each Loop i TypeScript?

Hvordan Fungerer For Each Loop I Typescript



Iteration over elementerne i et array eller andet itererbart objekt er en almindelig programmeringsoperation, og TypeScript giver en nem måde at gøre det på med en 'For-Each'-løkke, der er implementeret ved hjælp af 'forEach()'-metoden. Det tillader udførelse af en blok kode for hvert element i et array eller iterable objekt uden at bekymre sig om arrayets indeks eller længde. Dette gør det til et nyttigt værktøj til datafiltrering, kortlægning og transformation.

Denne vejledning vil illustrere, hvordan For-Each-løkken fungerer i TypeScript.

Hvordan fungerer For-Each Loop i TypeScript?

I TypeScript er ' For hver ”-løkke implementeres med 'for hver() ” metode, som er en foruddefineret metode for Array-objektet. Det bruges til at gentage array-elementerne eller andre iterable objekter. Den accepterer en tilbagekaldsfunktion som sit argument, som udføres for hvert element i arrayet.







Syntaks
Følgende syntaks bruges til For-Each-løkken:



for hver ( tilbagekaldFunc )

Her er 'callbackFunc' den funktion, der bruges til at teste hvert element i et array.



Brug f.eks. ovenstående syntaks som:





matrix.forHver ( fungere ( værdi ) {
// kode til at udføre til hvert element
} ) ;

Eksempel
I det følgende eksempel har vi et array af strengtype med navnet ' lige ”:

lade lang: streng [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Kald metoden forEach() som en For-Each-løkke for at iterere arrayet og vise hvert element i et array på konsollen:



lang.forHver ( fungere ( værdi ) {
console.log ( værdi ) ;
} ) ;

Transpiler TypeScript-filen ved hjælp af kommandoen 'tsc':

tsc forEachLoop.ts

Koden er nu konverteret til JavaScript, nu vil vi udføre JavaScript-filen ved hjælp af den givne kommando:

node forEachLoop.js

Outputtet indikerer, at array-elementerne er blevet vist på konsollen ved at iterere arrayet ved hjælp af For-Each-løkken:

'For-Each'-løkken bruges ikke kun til arrays; det kan også bruges med ethvert iterbart objekt. Her vil vi iterere objektet med navnet ' time info ' med tre nøgleværdi-par:

lade stdInfo = {
id : 5 ,
navn: 'Mily' ,
alder: femten
} ;

Gentag objektet ved hjælp af For-Each-løkken med Object.keys()-metoden for at udskrive objektets egenskaber med deres tilknyttede værdier:

Objekt.nøgler ( time info ) .for hver ( fungere ( nøgle ) {
console.log ( tasten + ':' + time info [ nøgle ] ) ;
} ) ;

Produktion

Det handler om, hvordan For-Each-løkken fungerer i TypeScript.

Konklusion

'For-Each'-løkken er implementeret i TypeScript med ' for hver() ” metode, der bruges til at iterere gennem array-elementerne eller andre iterable objekter. Den accepterer en tilbagekaldsfunktion som sit argument, som udføres for hvert element i arrayet. Denne tutorial illustrerede arbejdet med For-Each-løkken i TypeScript.