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:
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:
// løkkekropp
}
Eksempel
Iterer den ovenfor opprettede matrisen ved å bruke for loop- og displayarray-elementer på konsollen:
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.