Hvordan forEach er forskellig fra for Loop i TypeScript?

Hvordan Foreach Er Forskellig Fra For Loop I Typescript



I TypeScript er ' for hver ' og ' til ” loops er to alternative tilgange til iteration gennem arrays eller iterable objekter. Mens begge teknikker går gennem elementerne i et array, adskiller de sig i syntaks og funktionalitet. 'For'-løkken er en generel loop, der kan udføre enhver operation på hvert array-element, men 'forEach'-metoden blev udelukkende designet til at iterere på tværs af arrays og udføre en funktion for hvert element.

Denne artikel vil demonstrere, hvordan forEach er forskellig fra for-løkken i TypeScript.

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

I TypeScript, ' for hver ' og ' til ” loops er to forskellige teknikker til at iterere over arrays eller andre iterable objekter. Hovedforskellen mellem begge disse er, at en 'for'-løkke er en generel loop, der gør det muligt at udføre enhver operation på array-elementer, mens 'forEach' er en metode, der er designet specifikt til at iterere over arrays og udføre en funktion for hver element. Nogle almindelige forskelle vil diskutere i den givne tabel:







for hver for sløjfe
Syntaksen for forEach er mere kortfattet og læsbar. for loops har en mere kompleks syntaks end forEach, hvilket kan gøre dem sværere at læse og forstå.
Det er generelt mere effektivt end at bruge en for-løkke, især til større arrays. Generelt bedre ydeevne, men mindre end for hver.
forEach er designet eksplicit til at udføre en funktion på hvert element. Det kan udføre enhver operation på hvert element i et array.
Den er mindre fleksibel end til løkker. for sløjfer er mere fleksible end for hver.

Før du går videre til den praktiske implementering, skal du huske på, at for at udføre en TypeScript-fil, skal den transpileres til en JavaScript-fil og derefter køre JavaScript-koden på terminalen ved hjælp af de givne kommandoer:



tsc filnavn.ts
node filnavn.js

Hvordan virker 'forEach' i TypeScript?

Det ' for hver ” er en forudbygget metode i TypeScript, der tillader os at sløjfe over et array og udføre en funktion på hvert array-element.



Syntaks
Følgende syntaks bruges til forEach-løkken:





for hver ( tilbagekaldFunc )

Eksempel
Opret en matrix af ulige tal:

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

Gentag arrayet og udskriv array-elementerne på konsollen ved hjælp af forEach-metoden:



ulige numre.forHver ( ( tal ) = > {
console.log ( tal ) ;
} ) ;

Produktion

]

Hvordan virker 'for' Loop i TypeScript?

en ' til ” loop er en standard loop. Det giver mulighed for at iterere gennem en samling af elementer og udføre nogle handlinger/operationer på hvert element.

Syntaks
Den givne syntaks bruges til 'for'-løkken:

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

Eksempel
Gentag det ovenfor oprettede array med for loop og display array-elementer på konsollen:

til ( lade i = 0 ; jeg < uligeNumbers.length; i++ ) {
console.log ( ulige tal [ jeg ] ) ;
}

Produktion

Vi har samlet alle de nødvendige instruktioner, der er relevante for forskellen mellem forEach og for loop i TypeScript.

Konklusion

Det ' for hver ' og ' til ” loops er to forskellige teknikker til at iterere over arrays eller andre iterable objekter. Mens begge tilgange går gennem array-elementerne, adskiller de sig i syntaks og funktionalitet. Hovedforskellen mellem begge disse er, at en 'for'-løkke er en generel loop, der gør det muligt at udføre enhver operation på array-elementer, mens 'forEach' er en metode, der er designet eksplicit til at iterere over arrays og udføre en funktion for hver element. Denne artikel demonstrerede, hvordan forEach er forskellig fra for-løkken i TypeScript.