Curso de JavaScript #04 - Map, Filter & Reduce

Nessa aula vamos aprender sobre map, filter e reduce, três métodos incrivelmente úteis para usarmos em conjunto com listas!

PLAYLIST COMPLETA DO CURSO:

CÓDIGO FINALIZADO DO CURSO:

SIGA-NOS NO INSTAGRAM:

RECEBA DICAS NO TELEGRAM:

--------------------------

ASSISTA AOS MELHORES VÍDEOS DO CANAL:

▸CURSO DE REACT PARA COMPLETOS INICIANTES

▸ COMO CONSEGUI UM EMPREGO COMO PROGRAMADOR SEM FACULDADE E SEM EXPERIÊNCIA (Passo a Passo)

▸CRIE UM CLONE DO SPOTIFY COM HTML & CSS

▸CURSO DE HTML PARA COMPLETOS INICIANTES

▸CURSO DE CSS PARA COMPLETOS INICIANTES

--------------------------

REDES SOCIAIS

ÍNDICE:
00:00 - Entendendo o Map
03:22 - Entendendo o Filter
06:52 - Entendendo o Reduce

[hakury]

Primeiro video q vejo seu, sua didática é muito boa, parabéns!

[guilhermequintino]

Show de bola man, vendo todos os seus videos aqui, lembrando ao pessoal mais iniciante que map, filter e reduce nao altera os indices do array original que esta sendo iterado, ele cria um novo array ha partir do principal.

[CarolinaZerbini]

o reduce tb dá pra agrupar valores de uma propriedade, gostei da aula!

[edniltonmatos]

Apenas corrigindo pessoal, no reduce a primeira propriedade da função é o accumulator e o segundo currentValue, que nesse caso foi representado por ages.

[matheusalfonso-sh]

otima aula... esses 3 são a base pra tudo

[rpsjunior]

Venho estudando JS há algum tempo e sempre tive muitas dificuldades. Assistindo essa aula de hoje, percebi que muitas das dificuldades que vinha enfrentando era por causa da didática.
Você ensina de maneira exemplar. Pude aprender muito com você.
Continue assim. Parabéns

[samanthagil]

Exercícios simples para treino com base no que foi dado até agora:

1 - Somar todos os números de 1 a 50 (ou qualquer outro número de sua escolha)

2 - Somar todos os números pares de 1 a 50 (ou qualquer outro número de sua escolha)


-
-
SPOILER
RESOLUÇÃO ABAIXO
-
-








let str = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50];

somador = str.reduce(function(number, acumulador){
return number+acumulador;
}, 0);

console.log('A soma dos numeros de 1 a 50 é = ' + somador);







let str = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50];

pares = str.filter(function(ref){
return ref % 2 ===0
});

somadorPares = pares.reduce(function(ref2, acc){
return ref2+acc;
}, 0);

console.log('Soma dos numeros pares de 1 a 50 é ' + somadorPares)

[_bruno.benicio]

Caramba, eu tinha bastante dificuldade para enfender esses 3 métodos, hoje eu consegui entender. Genio demais esse cara.

[pablodelson]

Muito boa essa aula e você expliqua bem, sou iniciante e estou acompanhando seu curso
a única diferença é que fiz utilizando arrow function pra diminuir o código
mas acredito que você vai falar sobre arrow function mais para frente

[alissontomazelli]

Top demais esse curso.
Obrigado por compartilhar o conhecimento.

[gabrielagomes]

mais didático impossível. parabéns e obrigada!!!!

[iranorecchio]

Professor, ali no minuto 8:09 no caso do reduce e dos outros o primeiro argumento não é a palavra que agora representa os elementos do array, e o segundo argumento o valor atual?

[thiagorozner]

Salve Felipe! To fazendo uma maratona do seu curso e to achando bem bacana, mas acho que seria legal no caso dessa aula em específico vc de repente citar situações que seriam usados esses métodos

[edniltonmatos]

Você inverteu a ordem na hora de explicar sobre o método reduce e o accumulator. Na verdade o accumulator é o primeiro e depois vem o correntvalue(age). Com o exemplo que você deu não faz muita diferença já que numa soma a ordem dos fatores não altera o resultado, mas vale revisar esse vídeo já que não faz sentido manter uma explicação equivocada.

Esse comentário não é uma bronca ou algo do tipo, é só uma sugestão de alteração. Apesar dos pesares, obrigado pelo vídeo, realmente está me ajudando muito.

[vtrxff]

é preciso usar os nome em ingles como vc fez, ou qlr nome serve? sumOfages poderia ser só adcages? para simplificar e n complicar pra quem n sabe ingles totalmente

[douglashenrique]

Muito bom seus conteudos, mano! Sua voz é igualzinha do Fallen, não tem como não notar isso

[kiritosenpai]

Você falou que estava repetindo demais, e eu digo, repita, repita quantas vezes puder.

[guilhermemoraes]

5:15 (Sei que o curso tem 3 anos) mas atualmente, seria melhor utilizar:
const evenAges = ages.filter((age) => age % 2 === 0);
Ou está incorreto?

[UmaVertice]

Uma outra forma que pode ser fácil de entender o reduce tbm é vendo dessa forma:

const total = age.reduce(ageTotal, 0);
function ageTotal(ages, accumulator){
return age + accumulator;
}

Dessa forma consegui visualizar melhor do porquê que o 0 estava ali entre o ) e o }. Tinha entendido o que acontecia com ele, mas não o porquê de ser colocado bem ali -> ), 0}

[andreaugusto]

Bom dia Felipe, estou começando agora no mundo da programação e esse seu curso tem me ajudado muito,
Estou uma duvida aqui:
Se eu precisar somar todas as idades de uma lista de pessoas como que eu faço, ?
por exemplo em uma lista com varios objetos dentro dela, onde temos membros de um club e queremos somar as idades.

const membersHome = [
{
firstName: 'André',
lastName: 'Souza',
age: 29,
description: 'Daddy',
},

{
firstName: 'Cibele',
lastName: 'Souza',
age: 28,
description: 'Mom',
},

{
firstName: 'Issac',
lastName: 'Souza',
age: 5,
description: 'Son',
},

Assim por exemplo,