ES6 | Array para cada método()

Cuando se trabaja con arreglos, es común iterar a través de sus elementos y manipularlos. Tradicionalmente, esto se puede hacer usando bucles for, while o do-while. forEach llamará a la función para cada elemento de la array.
 

Sintaxis:  

array.forEach( callback, thisObject )

Parámetro: este método acepta solo dos parámetros mencionados anteriormente y descritos a continuación:  

• devolución de llamada: esto permite que la función pruebe todos y cada uno de los elementos de la array.
• thisObject: se llamará cuando se ejecute la función de devolución de llamada.

Return: Devuelve el array recién creado.
Sin bucle forEach(): la primera línea declara e inicializa una array de números llamada array_1 con valores [2, 3, 4, 5, 6]. Para duplicar cada elemento de esta array, se usa un bucle for que va desde cero (porque el índice de una array comienza desde cero) hasta uno menos que la longitud de la array. Ahora, en la tercera línea, cada elemento se extrae de la array y se multiplica por 2, por lo que se duplican los valores.
Programa 1:  

<script>
var array_1 = [2, 3, 4, 5, 6];
for(var i = 0; i < array_1.length; i++) {
    array_1[i] *= 2;
}
document.write(array_1);
</script>

Producción: 

4, 6, 8, 10, 12

Con forEach() Loop: en ES6 se introduce un método más fácil de entender y usar para Arrays, que es forEach(). Veamos cómo funciona para la misma situación anterior. 
Programa 2:  

<script>
var array_1 = [2, 3, 4, 5, 6];
array_1.forEach(function(number, i) {
    array_1[i] *= 2;
});
 
document.write(array_1);
</script>

Producción: 

4, 6, 8, 10, 12

Igual que antes, la primera línea declara e inicializa una array de números llamada array_1 con valores [2, 3, 4, 5, 6]. Luego, en array_1, se llama al método forEach, que itera sobre la array y toma una función de devolución de llamada como argumento. Ahora la función de devolución de llamada acepta tres argumentos,  

• currentValue – Que es un argumento requerido, esto corresponde al valor del elemento actual.
• índice: es un argumento opcional, este es el valor de índice correspondiente del elemento actual.
• array – También es un argumento opcional, este es el array original, aquí array_1.

Entonces, hacemos uso del segundo argumento que es índice y seguimos exactamente el mismo algoritmo que antes para duplicar el valor. 
Programa 3: aquí solo usamos el argumento currentValue mediante el cual imprimimos cada uno de los valores de la array de nombres en la consola.  

<script>
var names = ['Arpan', 'Abhishek', 'GeeksforGeeks'];
 
names.forEach(function(name){
    document.write(name + "<br/>");
});
</script>

Producción: 

Arpan
Abhishek
GeeksforGeeks