Explicando a Função forEach() do JavaScript

O que faz o método forEach ?

Pequena Introdução

A função forEach, executará uma determinada tarefa para cada item (ou seja, elementos armazenados) de um array. Essa tarefa, deverá ser determinada através de uma função.

Explicando

Em um array, por exemplo:

const numbers = [1, 2, 3, 4, 5]

Usaremos, para chamar,

numbers.forEach()

A função “forEach()” espera receber dentro dela, como parâmetro, outra função.
Exemplo:

Vamos usar essa função dentro de forEach()

function consoleItem(item) {
  console.log(item)
}

Essa função faz um console.log() ou seja, imprime no console, o que lhe foi passada como parâmetro (dentro dos parênteses).

Aplicando na prática

Inserindo essa nossa função criada como parâmetro na função .forEach() aplicada em nosso array, teremos:

const numbers = [1, 2, 3, 4, 5]

function consoleItem(item) {
  console.log(item)
}

numbers.forEach(consoleItem)

Executando esse script, no console, retorna:

1 2 3 4 5

Aprofundando

Porém, o mais usual em javascript não é fazer uma função separada somente para aplicar dentro de forEach() e sim dentro dela (a função forEach) ja escrever a função como parâmetro:

const numbers = [1, 2, 3, 4, 5]

numbers.forEach(function consoleItem(item) {
  console.log(item)
})

Quando executada, essa função exibe o mesmo resultado que a sua anterior.

1 2 3 4 5

Podemos melhorar ainda mais nosso código usando arrows functions:

const numbers = [1, 2, 3, 4, 5]

numbers.forEach(item => {
  console.log(item)
})

Simplificando a escrita, essa função também pode ser escrita da seguinte maneira:

const numbers = [1, 2, 3, 4, 5]

numbers.forEach(item => console.log(item))

Ela retornará:

1 2 3 4 5

Dúvidas?

Para qualquer dúvida, sugestões e comentários, lembre-se que esse blog é openSource e seu código é aberto e está disponível no meu github.

Além disso, você pode usar também a seção comentários aqui em baixo!

Saudações, Israel Cena.