Aula 29 — map, filter e reduce

Até agora, já aprendemos a criar funções mais modernas, trabalhar com parâmetros flexíveis e entender conceitos importantes como Closures.

Agora vamos dar um passo muito importante no JavaScript moderno: aprender a trabalhar com arrays de forma funcional, usando os métodos map, filter e reduce.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

• Entender o que são map, filter e reduce
• Usar cada método para um propósito específico
• Transformar, filtrar e reduzir arrays
• Escrever código mais limpo e legível
• Substituir laços tradicionais em muitos casos

Antes de começar: o array base

Para todos os exemplos desta aula, vamos usar o mesmo array:

 const numeros = [1, 2, 3, 4, 5]; 

map — transformando valores

O método map percorre um array e cria um novo array, transformando cada item.

Exemplo: dobrar todos os números do array.

 const dobrados = numeros.map(numero => { return numero * 2; });

console.log(dobrados); // Saída será [2, 4, 6, 8, 10]

filter — filtrando valores

O método filter cria um novo array apenas com os elementos que passam em uma condição.

Exemplo: pegar apenas os números pares.

 const pares = numeros.filter(numero => { return numero % 2 === 0; });

console.log(pares); // Saída será [2, 4]

reduce — reduzindo tudo a um único valor

O método reduce percorre o array e reduz todos os valores a um único resultado.

Exemplo: somar todos os números do array.

 const soma = numeros.reduce((total, numero) => { return total + numero; }, 0);

console.log(soma); // Saída será 15

Aqui:

• total começa com o valor inicial (0)
• numero é o valor atual do array
• O retorno vira o novo total

Comparando map, filter e reduce

• map → transforma valores
• filter → seleciona valores
• reduce → gera um único resultado

Usando os três juntos

Agora um exemplo mais real: Dobrar os números pares e somar o resultado.

 const resultado = numeros .filter(n => n % 2 === 0) .map(n => n * 2) .reduce((total, n) => total + n, 0);

console.log(resultado); // Saída será 12

Passo a passo:

• Filtra os pares → [2, 4]
• Dobra → [4, 8]
• Soma → 12

Na próxima aula, vamos aprender sobre find, some e every e entender como testar condições em arrays.