Bucle foreach en Javascript

Ya habíamos recogido como manejar alguno de los tipos de bucles en Javascript entre ellos los bucles for, for-in y for-off. En el caso de hoy vamos a ver como podemos realizar un bucle foreach en Javascript. Y es que un bucle foreach nos ayuda de una manera sencilla recorrer los elementos de un array.

Así que lo primero será crear nuestra lista de elementos. En este caso hemos creado una lista de países de la siguiente manera:

let paises = ["España", "Francia", "Italia", "Portugal", "Alemania"];

Antes de avanzar con los bucles foreach recordemos que para recorrer las listas de elementos hemos visto que los bucles-for tienen un formato más o menos parecido a lo siguiente:

for (let i = 0; i < paises.length; i++) {
  console.log(paises[i]);
}

Si bien, tenemos que sacar de nuestra mente esta estructura. Y es que en el caso del bucle foreach en Javascript este es un método del objeto Array, no un bucle al uso, con la siguiente estructura:

array.forEach(function(item, index) {
  // código a ejecutar
});

Como podemos ver el método recibe una función de callback con dos elementos, por un lado el item que será el elemento sobre el que se itera y por otro el índice que ocupa dentro de la lista. De esta forma el código que tengamos dentro de la función se ejecutará por cada uno de los elementos que tenemos dentro de la lista.

La función podrá ser una función anónima dentro del método .forEach() o bien podremos definirla y asignársela al método.

Ejemplo de bucle foreach en Javascript

De esta manera podríamos mostrar por pantalla los elementos del array con el método forEach() de la siguiente manera:

paises.forEach(function(item, index) {
  console.log(index + ": " + item);
});

De esta manera sencilla habremos ejecutado un bucle foreach en Javascript.