Hvordan forEach er forskjellig fra for Loop i TypeScript?

Hvordan Foreach Er Forskjellig Fra For Loop I Typescript



I TypeScript, ' for hver ' og ' til ”-løkker er to alternative tilnærminger for å iterere gjennom arrays eller iterable objekter. Mens begge teknikkene går gjennom elementene i en matrise, er de forskjellige i syntaks og funksjonalitet. 'For'-sløyfen er en generell sløyfe som kan utføre en hvilken som helst operasjon på hvert array-element, men 'forEach'-metoden ble designet eksklusivt for å iterere på tvers av arrays og utføre en funksjon for hvert element.

Denne artikkelen vil demonstrere hvordan forEach er forskjellig fra for-løkken i TypeScript.

Hvordan er 'forEach' forskjellig fra 'for' Loop i TypeScript?

I TypeScript, ' for hver ' og ' til ”-løkker er to forskjellige teknikker for å iterere over arrays eller andre iterable objekter. Hovedforskjellen mellom begge disse er at en 'for'-sløyfe er en generell sløyfe som gjør det mulig å utføre enhver operasjon på array-elementer, mens 'forEach' er en metode som er designet spesifikt for å iterere over arrays og utføre en funksjon for hver element. Noen vanlige forskjeller vil diskuteres i den gitte tabellen:







for hver for løkke
Syntaksen til forEach er mer konsis og lesbar. for løkker har en mer kompleks syntaks enn for hver, noe som kan gjøre dem vanskeligere å lese og forstå.
Det er generelt mer ytelse enn å bruke en for-løkke, spesielt for større arrays. Generelt bedre ytelse, men mindre enn for hver.
forEach er designet eksplisitt for å utføre en funksjon på hvert element. Den kan utføre hvilken som helst operasjon på hvert element i en matrise.
Den er mindre fleksibel enn for løkker. for løkker er mer fleksible enn for hver.

Før du går videre til den praktiske implementeringen, husk at for å kjøre en TypeScript-fil, må den transpileres til en JavaScript-fil og deretter kjøre JavaScript-koden på terminalen ved å bruke de gitte kommandoene:



tsc filnavn.ts
node filnavn.js

Hvordan fungerer 'forEach' i TypeScript?

« for hver ” er en forhåndsbygd metode i TypeScript som lar oss gå over en matrise og utføre en funksjon på hvert matriseelement.



Syntaks
Følgende syntaks brukes for forEach-løkken:





for hver ( tilbakeringingFunk )

Eksempel
Lag en rekke oddetall:

const oddetall = [ 1 , 3 , 5 , 7 , 9 , elleve ] ;

Iterer arrayet og skriv ut array-elementene på konsollen ved å bruke forEach-metoden:



oddetall.forHver ( ( tall ) = > {
console.log ( tall ) ;
} ) ;

Produksjon

]

Hvordan fungerer 'for' Loop i TypeScript?

en ' til ” loop er en standard loop. Det gjør det mulig å iterere gjennom en samling av elementer og utføre noen handlinger/operasjoner på hvert element.

Syntaks
Den gitte syntaksen brukes for 'for'-løkken:

til ( initialValue, specificCondition, stepIncrement ) {
// løkkekropp
}

Eksempel
Iterer den ovenfor opprettede matrisen ved å bruke for loop- og displayarray-elementer på konsollen:

til ( la jeg = 0 ; Jeg < oddNumbers.length; i++ ) {
console.log ( oddetall [ Jeg ] ) ;
}

Produksjon

Vi har samlet alle nødvendige instruksjoner som er relevante for forskjellen mellom forEach og for loop i TypeScript.

Konklusjon

« for hver ' og ' til ”-løkker er to forskjellige teknikker for å iterere over arrays eller andre iterable objekter. Mens begge tilnærmingene går gjennom array-elementene, er de forskjellige i syntaks og funksjonalitet. Hovedforskjellen mellom begge disse er at en 'for'-sløyfe er en generell sløyfe som gjør det mulig å utføre en hvilken som helst operasjon på array-elementer, mens 'forEach' er en metode som er designet eksplisitt for å iterere over arrays og utføre en funksjon for hver element. Denne artikkelen demonstrerte hvordan forEach er forskjellig fra for-løkken i TypeScript.