Recorrer un Array con for of en TypeScript

Vamos a ver cómo podemos recorrer un Array con for of en TypeScript. La estructura for of nos permite recorrer los elementos de un array de una forma sencilla.

Definir un Array

Lo primero será definir un Array en TypeScript:

let miarray: number[] = [1,2,3,4,5];

En este caso hemos definido un array de números.

Estructura for of

Ahora será el conocer la estructura for of:

for (let elemento of array) { ... }

En cada una de las iteraciones sobre el array tenemos el contenido los elementos del array dentro de la variable elemento.

Recorrer el Array con for of

Para codificar el código que nos ayude a recorrer un array con for of en TypeScript escribiremos lo siguiente:

for (let numero of miarray){
  console.log(numero);
}

Diferencia con for in

Hay que tener en cuenta que también tenemos la estructura for in la cual tiene la diferencia de que recorre las claves del array, no los elementos.

for (let elemento in array) { ... }

Así el código para poder recorrer el array y mostrar los elementos sería un código de la siguiente forma:

for (let clave in miarray){
  console.log(miarray[clave]);
}

Ya veis lo sencillo que es recorrer un Array con for of en TypeScript.