forEach Javascript
Estava fazendo uma revisão de alguns loops que geralmente usamos em javascript, e aqui temos nosso amigo #forEach, resolvi escrever sobre ele para ajudar as pessoas a entender melhor o conceito dessa função.
E como funciona o forEach ???
O método forEach em JavaScript itera sobre cada elemento de um array, executando uma função de callback para cada um. É uma forma simples e elegante de percorrer e manipular arrays, substituindo laços for tradicionais em muitos casos.
Exemplo:
const nomes = [‘jaozinho’, ‘brunhinho’, ‘amandinha’, ‘ferreira’]
// imprimir os nomes no console
nomes.forEach((nomes)=>{
console.log(nomes)
})
resultado no navegador.
Também conseguimos realizar cáculos matemáticos utilizando o forEach. Neste código abaixo estamos multiplicando todos os números dentro do array por 2
const numeros = [1,2,4,5,6,7,9 ]
numeros.forEach((numeros)=> {
console.log(numeros * 2) // aqui acontece o cálculo
})
Se quisermos somar todos os valores, também é possível. Vamos pegar este mesmo exemplo do código acima.
const numeros = [1,2,4,5,6,7,9 ]
let sum = 0
numeros.forEach((numeros)=> {
Get Gcarvalhomartins’s stories in your inbox
Join Medium for free to get updates from this writer.
sum += valores // aqui estamos substituindo o valor de 0 para somar todos os valores dentro do array dando uma soma total.
console.log(sum)
})
Iteração do forEach com objetos
Obs: o forEach funciona de forma natual com um array de objetos, para iterar totalmente sobre um objeto, deve-se utilizar o método Object.keys para realizar essa iteração de forma direta do forEach.
Exemplo de iteração com um array de objetos.
// imprimir os dados dos objetos
const alunos = [
{
nome: “joaozinho”, nota: 20
},
{
nome: “gab”, nota: 5.5
}
]
alunos.forEach(alunos => {
console.log(` nome: ${alunos.nome} e nota: ${alunos.nota}`)
})
Exemplo de iteração com apenas o Objeto:
const pessoa = {
nome: “João”,
idade: 30,
cidade: “São Paulo” };
// Obtendo as chaves do objeto const chaves = Object.keys(pessoa);
// Iterando sobre as chaves chaves.forEach(chave => {
console.log(`Chave: ${chave}, Valor: ${pessoa[chave]}`);
});
