Jak se forEach liší od for Loop v TypeScript?

Jak Se Foreach Lisi Od For Loop V Typescript



V TypeScriptu je „ pro každého ' a ' pro ” smyčky jsou dva alternativní přístupy pro iteraci přes pole nebo iterovatelné objekty. Zatímco obě techniky procházejí položky pole, liší se syntaxí a funkčností. Smyčka „for“ je smyčka pro obecné účely, která může provádět jakoukoli operaci na každém prvku pole, ale metoda „forEach“ byla navržena výhradně pro iteraci napříč poli a provádění funkce pro každý prvek.

Tento článek ukáže, jak se forEach liší od smyčky for v TypeScript.

Jak se liší „forEach“ od smyčky „for“ v TypeScript?

V TypeScriptu „ pro každého ' a ' pro ” smyčky jsou dvě různé techniky pro iteraci přes pole nebo jiné iterovatelné objekty. Hlavní rozdíl mezi oběma je v tom, že smyčka „for“ je smyčka pro obecné účely, která umožňuje provádět libovolnou operaci s prvky pole, zatímco „forEach“ je metoda, která je navržena speciálně pro iteraci přes pole a provádění funkce pro každý z nich. živel. Některé běžné rozdíly budou popsány v dané tabulce:







pro každého pro smyčku
Syntaxe forEach je stručnější a čitelnější. Smyčky for mají složitější syntaxi než forEach, což může ztížit jejich čtení a porozumění.
Je obecně výkonnější než použití cyklu for, zejména u větších polí. Celkově lepší výkon, ale méně než u každého.
forEach je navržen výslovně pro provádění funkce na každém prvku. Může provádět jakoukoli operaci s každým prvkem pole.
Je méně flexibilní než u smyček. Smyčky for jsou flexibilnější než smyčky forEach.

Než přistoupíte k praktické implementaci, mějte na paměti, že aby bylo možné spustit soubor TypeScript, musí být transpilován do souboru JavaScript a poté spustit kód JavaScript na terminálu pomocí daných příkazů:



tsc název_souboru.ts
název_souboru uzlu.js

Jak funguje „forEach“ v TypeScript?

' pro každého ” je předem vytvořená metoda v TypeScriptu, která nám umožňuje opakovat pole a provádět funkci na každém prvku pole.



Syntax
Pro smyčku forEach se používá následující syntaxe:





pro každého ( callbackFunc )

Příklad
Vytvořte pole lichých čísel:

const oddNumbers = [ 1 , 3 , 5 , 7 , 9 , jedenáct ] ;

Iterujte pole a vytiskněte prvky pole na konzole pomocí metody forEach:



oddNumbers.forEach ( ( čísla ) = > {
konzole.log ( čísla ) ;
} ) ;

Výstup

]

Jak funguje smyčka „for“ v TypeScript?

A ' pro ” smyčka je standardní smyčka. Umožňuje procházet sbírkou položek a provádět některé akce/operace u každé položky.

Syntax
Daná syntaxe se používá pro smyčku „for“:

pro ( initialValue, specificCondition, stepIncrement ) {
// tělo smyčky
}

Příklad
Iterujte výše vytvořené pole pomocí smyčky for a zobrazte prvky pole na konzole:

pro ( nechat i = 0 ; i < oddNumbers.length; i++ ) {
konzole.log ( lichá čísla [ i ] ) ;
}

Výstup

Sestavili jsme všechny potřebné instrukce relevantní pro rozdíl mezi smyčkou forEach a for v TypeScript.

Závěr

' pro každého ' a ' pro ” smyčky jsou dvě různé techniky pro iteraci přes pole nebo jiné iterovatelné objekty. Zatímco oba přístupy procházejí prvky pole, liší se syntaxí a funkčností. Hlavní rozdíl mezi oběma je v tom, že smyčka „for“ je smyčka pro obecné účely, která umožňuje provádět jakoukoli operaci s prvky pole, zatímco „forEach“ je metoda, která je navržena výslovně pro iteraci přes pole a provádění funkce pro každé z nich. živel. Tento článek ukázal, jak se forEach liší od smyčky for v TypeScript.