Scribd
Carregar
2 visualizações3 páginas

For Each

O forEach é um método em JavaScript utilizado para executar uma função em cada elemento de um array, tornando o código mais limpo e legível. A sintaxe básica envolve passar uma função que recebe o item atual, seu índice e o array. Exemplos práticos incluem o uso de forEach para imprimir elementos de um array e preencher dinamicamente o HTML com objetos.

Enviado por

nunesmartinsdesign
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
2 visualizações3 páginas

For Each

O forEach é um método em JavaScript utilizado para executar uma função em cada elemento de um array, tornando o código mais limpo e legível. A sintaxe básica envolve passar uma função que recebe o item atual, seu índice e o array. Exemplos práticos incluem o uso de forEach para imprimir elementos de um array e preencher dinamicamente o HTML com objetos.

Enviado por

nunesmartinsdesign
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

o essencial sobre

forEach em JavaScript,
com exemplos práticos e explicação
simples.
Formador João Martins | IEFP Setúbal jan 2026
Recursos: MS Copilot
O que é o forEach?
Sintaxe básica
Parâmetros:
Exemplo simples
Versão moderna com arrow function
Exemplo com índice
Exemplo prático: preencher HTML dinamicamente

O que é o forEach?
forEach é um método usado em arrays para executar uma função uma vez para cada
elemento do array.

Ele é muito usado porque deixa o código mais limpo e fácil de ler.

Sintaxe básica
[Link](function(item, index, array) {
// código a executar
});

Parâmetros:

●​ item → o valor atual do array


●​ index → posição do item
●​ array → o próprio array (opcional)

1
Exemplo simples
const frutas = ["maçã", "banana", "laranja"];

[Link](function(fruta) {
[Link](fruta);
});

Resultado:

maçã
banana
laranja

Versão moderna com arrow function


[Link](fruta => [Link](fruta));

Exemplo com índice


[Link]((fruta, i) => {
[Link](i, fruta);
});

2
Exemplo prático: preencher HTML
dinamicamente
Imagine que tens um array de objetos (como os teus vinhos):

const artigos = [
{ titulo: "Vinho Tinto", texto: "Muito bom" },
{ titulo: "Vinho Branco", texto: "Refrescante" }
];

E queres criar <article> no HTML:

const secao = [Link]("Vermelha");

[Link](artigo => {
const card = [Link]("article");
[Link] = `
<h3>${[Link]}</h3>
<p>${[Link]}</p>
`;
[Link](card);
});

⚠️ Importante
●​ forEach não retorna um novo array (diferente de map).
●​ Não pode ser interrompido com break ou return (diferente do for tradicional).

Quando usar forEach


●​ Quando queres executar ações para cada item.
●​ Quando não precisas criar um novo array.
●​ Quando queres um código mais limpo que um for tradicional.

Você também pode gostar