JavaScript forEach ()

Neste tutorial, você aprenderá sobre o método JavaScript forEach () com a ajuda de exemplos.

O forEach()método chama uma função e itera sobre os elementos de uma matriz. O forEach()método também pode ser usado em Mapas e Conjuntos.

JavaScript para cada

A sintaxe do forEach()método é:

 array.forEach(function(currentValue, index, arr))

Aqui,

  • function (currentValue, index, arr) - uma função a ser executada para cada elemento de uma matriz
  • currentValue - o valor de uma matriz
  • índice (opcional) - o índice do elemento atual

arr (opcional) - a matriz dos elementos atuais

forEach com Arrays

O forEach()método é usado para iterar em uma matriz. Por exemplo,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Resultado

 John sara jack

No programa acima, o forEach()método assume uma myFunction()função que exibe cada elemento de uma matriz de alunos.

Atualizando os Elementos do Array

Como vimos no exemplo acima, o forEach()método é usado para iterar sobre um array, é bastante simples atualizar os elementos do array. Por exemplo,

 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);

Resultado

 ("Olá João", "Olá Sara", "Olá Jack")

forEach com função de seta

Você pode usar a função de seta com o forEach()método para escrever um programa. Por exemplo,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Resultado

 John sara jack

for loop para forEach ()

Aqui está um exemplo de como podemos escrever um programa com forloop e com forEach().

Usando o loop for

 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);

Resultado

 ("item1", "item2", "item3")

Usando forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

para … de com conjuntos

Você pode iterar através dos elementos Set usando o forEach()método. Por exemplo,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Resultado

 1 2 3

forEach com Maps

Você pode iterar por meio dos elementos do mapa usando o forEach()método. Por exemplo,

 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); )

Resultado

 nome- Jack idade- 27

Artigos interessantes...