Diferencia entre forEach y for loop en Javascript

Este artículo describe la diferencia entre un bucle forEach y for en detalle. Las diferencias básicas entre los dos se dan a continuación.

For Loop : el bucle for de JavaScript se utiliza para iterar a través de la array o los elementos durante un número específico de veces. Si se conoce una cierta cantidad de iteraciones, debe usarse.

Sintaxis:

for (initialization; condition; increment)  
{  
   // code to be executed
}

Ejemplo:

<script>
for (let i = 1; i <= 5; i++)
{
    document.write(i + "<br/>");
}
</script>

Producción:

1
2
3
4
5

bucle forEach: el método forEach() también se utiliza para recorrer arrays, pero utiliza una función diferente al clásico «bucle for». Pasa una función de devolución de llamada para cada elemento de una array junto con los siguientes parámetros:

• Valor actual (obligatorio): el valor del elemento de array actual
• Índice (opcional): el número de índice del elemento actual
• Array (opcional): el objeto de array al que pertenece el elemento actual

Necesitamos una función de devolución de llamada para recorrer una array utilizando el método forEach.

Sintaxis:

numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
   // code to be executed
});

Para cada elemento individual de la array, se ejecutará la función. La devolución de llamada debe tener al menos un parámetro que represente los elementos de una array.

Ejemplo 1: este ejemplo muestra el método forEach con una función de devolución de llamada.

la 

Producción:

1
2
3
4
5

Ejemplo 2: este ejemplo muestra el uso del parámetro de índice en el método forEach.

numbers = [1, 2, 3, 4, 5];
  
numbers.forEach((number, index) => {
    console.log('Index: ' + index + 
                ', Value: ' + number);
});

Producción:

Index: 0, Value 1
Index: 1, Value 2
Index: 2, Value 3
Index: 3, Value 4
Index: 4, Value 5