JavaScript forEach – Cómo recorrer un bucle a través de una matriz en JS

Ultima actualización en domingo 13º mar. 2022

JavaScript ForEach

  • como funciona foreach javascript

El método de foreach Javascript es una de las diversas formas de hacer un bucle a través de matrices. Cada método tiene características diferentes.

Teniendo en cuenta que tenemos la siguiente array a continuación.

	const Numeros = [1, 2, 3, 4, 5];
	

Uso del tradicional “for loop” para recorrer la array

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

for each javascript

El método forEach pasa una función de devolución de llamada para cada elemento de una matriz junto con los siguientes parámetros:

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

La función se ejecutará para cada elemento de la array.

	Numeros.forEach(function(numero) {
    console.log(numero);
});
	
	1
2
3
4
5
	

Puede utilizar la representación de la función de flecha ES6 para simplificar el código

	Numeros.forEach(numero => console.log(numero));
	

Parámetros opcionales

Índice

Ahora mismo continuemos con los parámetros opcionales. El primero es el parámetro “index”, que representa el número de índice de cada elemento.

Básicamente, podemos ver el número índice de un elemento

recorrer array javascript

	Numeros.forEach((numero,index) => {
    console.log('Index: ' + index + ' Valor: ' + numero);
});
	
	Index: 0 Valor: 1
Index: 1 Valor: 2
Index: 2 Valor: 3
Index: 3 Valor: 4
Index: 4 Valor: 5
	

Array

The array parameter is the array itself. It is also optional and can be used if necessary in various operations.

	Numeros.forEach((numero,index,array) => {
    console.log(array);
});
	

foreach en javascript

Ejemplos

	const Numeros = [1, 47, 2];
const NumerosArr = [];

Numeros.forEach(function(item){
  NumerosArr.push(item*item);
});
print(ZahlenArr);
	
	1,2209,4
	

Unterstützte Browser: Die von der JavaScript Array forEach()-Methode unterstützten Browser sind unten aufgeführt.

  • Google Chrome
  • Microsoft Edge 9.0
  • Mozilla Firefox 1,5
  • Safari
  • Ópera