JavaScript forEach ()

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 forloop 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

Articulos interesantes...