¿Cómo funciona For-Each Loop en TypeScript?

Como Funciona For Each Loop En Typescript



Iterar sobre los elementos de una matriz u otro objeto iterable es una operación de programación común, y TypeScript proporciona una manera fácil de hacerlo con un bucle 'Para cada uno' que se implementa mediante el método 'forEach()'. Permite la ejecución de un bloque de código para cada elemento de una matriz u objeto iterable sin preocuparse por el índice o la longitud de la matriz. Esto lo convierte en una herramienta útil para el filtrado, el mapeo y la transformación de datos.

Este tutorial ilustrará el funcionamiento del bucle For-Each en TypeScript.

¿Cómo funciona el bucle For-Each en TypeScript?

En TypeScript, el ' Para cada ” bucle se implementa con el 'para cada() ”, que es un método predefinido del objeto Array. Se utiliza para iterar a través de los elementos de la matriz u otros objetos iterables. Acepta una función de devolución de llamada como argumento, que se ejecuta para cada elemento de la matriz.







Sintaxis
La siguiente sintaxis se utiliza para el bucle For-Each:



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

Aquí, 'callbackFunc' es la función que se utiliza para probar cada elemento en una matriz.



Por ejemplo, utilice la sintaxis anterior como:





array.forEach ( función ( valor ) {
  // código para ejecutar para cada elemento
} ) ;

Ejemplo
En el siguiente ejemplo, tenemos una matriz de tipo cadena llamada ' justo ”:

dejar idioma: cadena [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Llame al método forEach() como un bucle For-Each para iterar la matriz y mostrar cada elemento de una matriz en la consola:



idioma.paraCada ( función ( valor ) {
consola.log ( valor ) ;
} ) ;

Transpile el archivo TypeScript usando el comando 'tsc':

tsc para cada bucle.ts

El código ahora se convierte en JavaScript, ahora ejecutaremos el archivo JavaScript usando el comando dado:

nodo para cada bucle.js

El resultado indica que los elementos de la matriz se han mostrado correctamente en la consola al iterar la matriz mediante el bucle For-Each:

El bucle 'For-Each' no solo se usa para matrices; también se puede usar con cualquier objeto iterable. Aquí, iteraremos el objeto llamado ' información de la hora ” que tiene tres pares clave-valor:

dejar información estándar = {
  identificación : 5 ,
nombre: 'Mily' ,
edad: 15
} ;

Itere el objeto usando el bucle For-Each con el método Object.keys() para imprimir las propiedades del objeto con sus valores asociados:

Objeto.claves ( información de la hora ) .para cada ( función ( llave ) {
consola.log ( tecla + ': ' + hora de información [ llave ] ) ;
} ) ;

Producción

Eso es todo sobre el funcionamiento del bucle For-Each en TypeScript.

Conclusión

El ciclo 'Para cada uno' se implementa en TypeScript con el ' para cada() ” método que se utiliza para iterar a través de los elementos de la matriz u otros objetos iterables. Acepta una función de devolución de llamada como argumento, que se ejecuta para cada elemento de la matriz. Este tutorial ilustró el funcionamiento del bucle For-Each en TypeScript.