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]
map sempre retorna um novo array com o mesmo tamanho do original. 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]
true, o elemento entra no novo array. 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:
totalcomeç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
Resumo da aula para nunca mais esquecer
maptransforma cada item do arrayfilterseleciona itens com base em uma condiçãoreducereduz tudo a um único valor- Podem ser usados juntos de forma encadeada
- Tornam o código mais limpo e expressivo
Na próxima aula, vamos aprender sobre find, some e every e entender como testar condições em arrays.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
Space Invaders
A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.
Final Fantasy
O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.
Muitos aplicativos
Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.
Senhas
Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.
Tetris
Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.










