forEach()

Nesta documentação de JavaScript veremos como o método forEach() permite executar uma função para cada item de um array.

Apresentaremos aqui como utilizar o método forEach().

O resultado impresso no console será o resultado da tabuada de 2: 0 2 4 6 8 10 12 14 16 18 20, conforme a seguir.

Resultado

Funcionamento do método forEach(). A seguir iremos analisar sua Sintaxe.

Sintaxe

array.forEach(funcao([valorAtual, índice, array]), argumentoThis)

Parâmetros

funcao() é a função a ser executada para cada elemento do array. Pode receber três parâmetros:

• valorAtual é o valor da posição atual sendo percorrida no array. Parâmetro obrigatório na declaração a função.
• índice é a posição do array que está sendo lida. Parâmetro opcional da função.
• array é o array a ser percorrido no forEach().Parâmetro opcional da função.

argumentoThis valor opcional a ser usado como this no momento que executar a função de callback. Parâmetro opcional do forEach().

Exemplo de uso

No exemplo a seguir demonstramos como somar todos os valores de um array:

O valor retornado é 55.

Exemplo de uso 2

No exemplo a seguir demonstramos a mesma soma, mas exibindo o valor da somatória a cada posição do array e também o índice sendo percorrido:

O valor retornado a seguir no próximo slide.

Resultado

O valor retornado é o seguinte:

Note que além do parâmetro que representa o item no array, neste exemplo também declaramos o indice. Dessa forma pode-se utilizar esse valor no corpo da função. Quer mais exemplos?

Está esperando
o quê?
Se mova!!