En este tutorial, aprenderá sobre el método JavaScript forEach () con la ayuda de ejemplos.
El forEach()
método llama a una función e itera sobre los elementos de una matriz. El forEach()
método también se puede utilizar en mapas y conjuntos.
JavaScript para cada uno
La sintaxis del forEach()
método es:
array.forEach(function(currentValue, index, arr))
Aquí,
- function (currentValue, index, arr): una función que se ejecutará para cada elemento de una matriz
- currentValue: el valor de una matriz
- índice (opcional): el índice del elemento actual
arr (opcional) - la matriz de los elementos actuales
forEach con matrices
El forEach()
método se utiliza para iterar sobre una matriz. Por ejemplo,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Salida
John Sara Jack
En el programa anterior, el forEach()
método tiene una myFunction()
función que muestra cada elemento de una matriz de estudiantes.
Actualización de los elementos de la matriz
Como hemos visto en el ejemplo anterior, el forEach()
método se usa para iterar sobre una matriz, es bastante simple actualizar los elementos de la matriz. Por ejemplo,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);
Salida
("Hola John", "Hola Sara", "Hola Jack")
forEach con función de flecha
Puede utilizar la función de flecha con el forEach()
método para escribir un programa. Por ejemplo,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Salida
John Sara Jack
for bucle a forEach ()
Aquí hay un ejemplo de cómo podemos escribir un programa con for
loop y with forEach()
.
Usando for loop
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);
Salida
("elemento1", "elemento2", "elemento3")
Usando forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
para … de con Sets
Puede iterar a través de los elementos Set utilizando el forEach()
método. Por ejemplo,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Salida
1 2 3
forEach con Maps
Puede iterar a través de los elementos del mapa utilizando el forEach()
método. Por ejemplo,
let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )
Salida
nombre- Jack edad- 27