¿En qué se diferencia forEach de for Loop en TypeScript?

En Que Se Diferencia Foreach De For Loop En Typescript



En TypeScript, el ' para cada ' y ' para Los bucles son dos enfoques alternativos para iterar a través de matrices u objetos iterables. Si bien ambas técnicas recorren los elementos de una matriz, difieren en sintaxis y funcionalidad. El bucle 'for' es un bucle de propósito general que puede ejecutar cualquier operación en cada elemento de la matriz, pero el método 'forEach' se diseñó exclusivamente para iterar entre matrices y ejecutar una función para cada elemento.

Este artículo demostrará cómo forEach es diferente del bucle for en TypeScript.

¿En qué se diferencia 'forEach' del bucle 'for' en TypeScript?

En TypeScript, “ para cada ' y ' para Los bucles son dos técnicas diferentes para iterar sobre matrices u otros objetos iterables. La principal diferencia entre ambos es que un bucle 'for' es un bucle de propósito general que permite realizar cualquier operación en los elementos de la matriz, mientras que 'forEach' es un método diseñado específicamente para iterar sobre matrices y ejecutar una función para cada uno. elemento. Algunas diferencias comunes se discutirán en la tabla dada:







para cada en bucle
La sintaxis de forEach es más concisa y legible. Los bucles for tienen una sintaxis más compleja que forEach, lo que puede dificultar su lectura y comprensión.
Por lo general, tiene más rendimiento que usar un bucle for, especialmente para arreglos más grandes. Mejor rendimiento general pero menos que forEach.
forEach está diseñado explícitamente para ejecutar una función en cada elemento. Puede realizar cualquier operación en cada elemento de una matriz.
Es menos flexible que los bucles for. Los bucles for son más flexibles que forEach.

Antes de proceder a la implementación práctica, tenga en cuenta que para ejecutar un archivo TypeScript, debe transpilarse en un archivo JavaScript y luego ejecutar el código JavaScript en la terminal usando los comandos dados:



tsc nombre de archivo.ts
nombre de archivo de nodo.js

¿Cómo funciona 'forEach' en TypeScript?

El ' para cada ” es un método preconstruido en TypeScript que nos permite recorrer una matriz y ejecutar una función en cada elemento de la matriz.



Sintaxis
La siguiente sintaxis se utiliza para el bucle forEach:





para cada ( función de devolución de llamada )

Ejemplo
Crea una matriz de números impares:

const números impares = [ 1 , 3 , 5 , 7 , 9 , 11 ] ;

Itere la matriz e imprima los elementos de la matriz en la consola usando el método forEach:



números impares.para cada uno ( ( números ) = > {
consola.log ( números ) ;
} ) ;

Producción

]

¿Cómo funciona el bucle 'for' en TypeScript?

A ' para El bucle ” es un bucle estándar. Permite iterar a través de una colección de elementos y realizar algunas acciones/operaciones en cada elemento.

Sintaxis
La sintaxis dada se utiliza para el bucle 'for':

para ( valor inicial, condición específica, incremento de paso ) {
// cuerpo de bucle
}

Ejemplo
Iterar la matriz creada anteriormente usando for loop y mostrar los elementos de la matriz en la consola:

para ( dejar yo = 0 ; i < números impares.longitud; yo ++ ) {
consola.log ( números impares [ i ] ) ;
}

Producción

Hemos compilado todas las instrucciones necesarias relacionadas con la diferencia entre forEach y for loop en TypeScript.

Conclusión

El ' para cada ' y ' para Los bucles son dos técnicas diferentes para iterar sobre matrices u otros objetos iterables. Si bien ambos enfoques recorren los elementos de la matriz, difieren en sintaxis y funcionalidad. La principal diferencia entre ambos es que un bucle 'for' es un bucle de propósito general que permite realizar cualquier operación en los elementos del arreglo, mientras que 'forEach' es un método que está diseñado explícitamente para iterar sobre los arreglos y ejecutar una función para cada uno. elemento. Este artículo demostró cómo forEach es diferente del bucle for en TypeScript.