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 for
loop 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