Hvordan fungerer For-Each Loop i TypeScript?

Hvordan Fungerer For Each Loop I Typescript



Iterering over elementene i en matrise eller et annet gjentakbart objekt er en vanlig programmeringsoperasjon, og TypeScript gir en enkel måte å gjøre det på med en 'For-Each'-løkke som er implementert ved hjelp av 'forEach()'-metoden. Den tillater utførelse av en blokk med kode for hvert element i en matrise eller iterable objekt uten å bekymre deg for matrisens indeks eller lengde. Dette gjør det til et nyttig verktøy for datafiltrering, kartlegging og transformasjon.

Denne opplæringen vil illustrere hvordan For-Each-løkken fungerer i TypeScript.

Hvordan fungerer For-Each Loop i TypeScript?

I TypeScript er ' For hver ”-sløyfe er implementert med 'for hver() ”-metoden, som er en forhåndsdefinert metode for Array-objektet. Den brukes til å iterere gjennom array-elementene eller andre iterable objekter. Den aksepterer en tilbakeringingsfunksjon som argument, som utføres for hvert element i matrisen.







Syntaks
Følgende syntaks brukes for For-Each-løkken:



for hver ( tilbakeringingFunk )

Her er 'callbackFunc' funksjonen som brukes for å teste hvert element i en matrise.



Bruk for eksempel syntaksen ovenfor som:





array.forEach ( funksjon ( verdi ) {
// kode for å utføre til hvert element
} ) ;

Eksempel
I det følgende eksemplet har vi en strengtype-array kalt ' bare ':

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

Kall forEach()-metoden som en For-Each-løkke for å iterere matrisen og vise hvert element i en matrise på konsollen:



lang.forHver ( funksjon ( verdi ) {
console.log ( verdi ) ;
} ) ;

Transpiler TypeScript-filen ved å bruke 'tsc'-kommandoen:

tsc forEachLoop.ts

Koden er nå konvertert til JavaScript, nå vil vi kjøre JavaScript-filen ved å bruke den gitte kommandoen:

node forEachLoop.js

Utdataene indikerer at array-elementene har blitt vist på konsollen ved å iterere arrayen ved å bruke For-Each-løkken:

'For-Each'-løkken brukes ikke bare for arrays; den kan også brukes med ethvert iterbart objekt. Her vil vi iterere objektet kalt ' time info har tre nøkkelverdi-par:

la stdInfo = {
id : 5 ,
Navn: 'Mily' ,
alder: femten
} ;

Iterer objektet ved å bruke For-Each-løkken med Object.keys()-metoden for å skrive ut objektets egenskaper med tilhørende verdier:

Objekt.nøkler ( time info ) .for hver ( funksjon ( nøkkel ) {
console.log ( tasten + ':' + time info [ nøkkel ] ) ;
} ) ;

Produksjon

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

Konklusjon

'For-Each'-løkken er implementert i TypeScript med ' for hver() ”-metoden som brukes for å iterere gjennom array-elementene eller andre iterable objekter. Den aksepterer en tilbakeringingsfunksjon som argument, som utføres for hvert element i matrisen. Denne opplæringen illustrerte hvordan For-Each-løkken fungerer i TypeScript.