Array map, filter e reduce - manipulação de arrays em javascript | Programação funcional

Подписаться 10 тыс.

Просмотров 22 тыс.

50% 1

Quem é que nunca precisou manipular arrays? Extrair somente os ids de uma lista de produtos, ou obter dessa lista, somente os produtos de uma determinada categoria, ou então calcular o valor total dos produtos dessa lista. Nesse vídeo nós veremos três funções que resolvem esses problemas de forma simples.
✅Me acompanhe nas redes sociais:
/ vinicius_dacal
/ vinicius.dacal
/ viniciusdacal
✅Post sobre map, filter e reduce: www.viniciusdacal.com/blog/20...
✅Sandboxes:
reduce: codesandbox.io/s/goofy-boyd-m...
filter: codesandbox.io/s/dreamy-dewdn...
map: codesandbox.io/s/affectionate...
✅MDN Truthy e Falsy:
developer.mozilla.org/pt-BR/d...
developer.mozilla.org/pt-BR/d...
#viniciusdacal #javascript

Наука

Опубликовано:

28 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 111

@viniciusdacal 4 года назад

❤️ O feedback de vocês é muito importante!!! Qualquer dúvida, deixem nos comentários. ❤️

@lucaseduardo1411 3 года назад

MANOOOOOOOOOO, como eu vivi até hoje sem esses 3 métodos??????? MDSSSS

@kauah2063 3 года назад

Uma das melhores aulas disponiveis sobre o assunto aqui no RU-vid, parabéns.

@augustoeu8862 2 месяца назад

Que aula ótima, parabéns Vinícius. Vc tem uma excelente ditatica 👍👍👍

@thiagocabralm 2 месяца назад

Cara muito bom!! vi vários video e sem entender, e nesse aqui conseguir entender melhor!

@markusqueiroz7939 4 года назад

Eu não sei nada de programação, mais gosto muito desses tipo de vídeos. Queria poder aprender, mais não tenho dinheiro para pagar um curso. Mais vou tentar aprender com os seus vídeos.

@viniciusdacal 4 года назад

Massa mano. Pretendo fazer algumas series por aqui, tudo gratuito!!! Abraços.

@rafaelvarela619 2 года назад

Vejo o nome dacal e toda vez penso que o mano é o lider dos fps, famoso dá as call.

@viniciusdacal 2 года назад

hahahaha. Dá as call só no JavaScript. xD em fps eu sou uma lastima.

@thaissthephanye2623 2 года назад

to chorando, me ajudou muito, passei vários e vários dias quebrando a cabeça, muito obrigada ganhou uma inscrita

@VictorHugoAlves7 Год назад

JavaScript é bom demais. Valeu, Vinicius!

@amauryrodrigo 3 года назад

Muito bom, mostrou que podemos combinar essas funções, isso é mto importante de ser mostrado.

@viniciusdacal 3 года назад

Valeuuu Amaury! Realmente, são funções bem úteis no dia a dia, principalmente quando se está trabalhando muito com imutabilidade. Grande abraço.

@robsonpepplowlopes8022 Год назад

muito bom ...melhor explicação do youtube

@vane_8994 2 года назад

Um dos melhores vídeos sobre esse assunto JS que já encontrei aqui no RU-vid, você tem ou recomenda algum vídeo sobre Orientação a objetos do JS?

@eudanielsilveira 3 года назад

Muito bom Vinícius, explicou de uma forma simples e pratico! Obrigado!

@viniciusdacal 3 года назад

Valeuuu Daniel.

@EricaLopess 2 года назад

Sério, sem dúvida umas das melhores e mais didáticas aulas que eu já vi. Eu me inscrevi no canal pq é impressionante a qualidade dos vídeos. Parabens Vinicius!!!

@fredericonakajima7089 7 месяцев назад

aula de conteúdo, audível(agente não dorme), simples e interessante

@ricardobarros959 Год назад

Eu vi vários vídeos sobre map, filter e reduce, mas esse explica detalhadamente, parabéns pela didática!

@cristianoseixas2417 4 года назад

Eu tinha dificuldade de entender o reduce, mas depois dessa explicação aí ficou muito claro. Muito obrigado.

@viniciusdacal 4 года назад

Valeu Cristiano! Fico feliz que o conteúdo tenha ajudado. Abraços.

@alexgiovani35 Год назад

obrigado por compartilhar seus conhecimentos, os métodos reduce, map, e filter estavam queimando meus neurônios kkkkkkkkk, mas você os simplificou, sua didática é fácil de entender!

@rafaelmaia7289 Год назад

Parabéns !!! Me ajudou muito, você não tem noção !!!!

@deybsoncarvalho1978 Год назад

muito obrigado Vinicius,entendi tudo.Sua aula foi sem enrolação e objetiva.Parabéns!

@iggor6130 2 года назад

Loud and clear! Muito bom.

@douglasbezerra1682 Год назад

Cara, estava vagando pela internet, até mesmo em canais em inglês! E você foi o único que entendi cada método, parabéns pelo trabalho Vinicius, ganhou mais um inscrito!

@MiguelModestoHC Год назад

Até que fim !! Agora entendi só vc conseguiu kkk obrigado

@UsaLinux Год назад

Muito bom, gostei dos 2 vídeos que já assisti seu, continua mano!

@camilaleutz Год назад

Oi! Sua didática é muito boa! Só reforçou meus conhecimentos nesses três assuntos! Muito obrigada!

@andresavieira9218 Год назад

Aula maravilhosa!!!! Super me ajudou a esclarecer......

@gustavoluizdutrasantos9212 2 года назад

totalmente excelente!

@LeandroAlves-dn6gi 2 года назад

Sensacional a explicação, estava a 3 dias quebrando a cabeça para fazer a soma total, ai vi o video com reduce

@matheusnascimento1590 2 года назад

aula top , mt bom

@ronald6866 2 года назад

Muito obrigado brother !!!

@JoaoLucas-cv6kx Год назад

Excelente!!!

@dev_gui 2 года назад

Ajudou muito, obrigado amigo.

@edu_sdorneles 2 года назад

Cara, que baita conteúdo, obrigado!

Год назад

Vídeo excelente, muito obrigado.

@gpsdelivery8487 3 года назад

Sensacional sem palavras, que conteúdo top amigão me salvou aqui!

@backtothetrace 3 года назад

Mto boa explicação

@Striker-ES 7 месяцев назад

bem explicado obrigado

@silvamoises8125 2 года назад

Muito boa aula !

@kakashisuzuki8068 3 года назад

Ótima explicação, pode ser confuso, mas realmente foi explicado de uma forma compreensível ^^, +1 inscrito lol

@viniciusdacal 3 года назад

Valeuuuuu man! Fico feliz de saber que ficou fácil de entender. Obrigado pela inscrição. Abraços.

@helenafofaponeigamer1050 2 года назад

baita aula, obrigado ajudou demais

@lucasmatos1021 3 года назад

muito bom o video

@cleyltongermano4416 2 года назад

valeu Dacal, me salvou no trampo!

@systemboymarcos Год назад

Muito bom, gostei do vídeo e dei um laicão!

@matheusalff 9 месяцев назад

aula muito boa

@pablogomes6633 3 года назад

Top cara sua explicação, esse reducer eu só intendi depois da sua explicação... massa massa +1 Inscrito mano

@pumpkinlyla7287 6 месяцев назад

obrigadaaa vc é o melhor

@jwfelipe1161 2 года назад

A primeira vez que vi sua aula. Amei!! Parabéns 👏👏

@philipharvey1994 2 года назад

Adorei seu vídeo - excelentes exemplos. Obrigado por compartilhar conhecimento, abraço

@ronaldobezerra6703 Год назад

Show!! conteúdo relevante, claro e objetivo. Parabéns 👏

@rogersjhonatan2756 2 года назад

Cara, muito obrigado, seu material me ajudou muito.

@Ritmopaidegua 2 года назад

Valeu maninho, tinha muita duvida sobre o uso do MAP vc com um exemplo conseguiu ensinar de forma muito clara.

@mateusguimaraesalves1321 3 года назад

Nota mil camarada! muito obrigado! Claro e objetivo. Arrow function!

@BloggerProfissional 3 года назад

Top demais...

@vnicidigital4030 Год назад

Tu me ajudou muiito com esse video, muito obrigado e parabéns.

@tuliovargas 2 года назад

Parabéns

@checher100 3 года назад

Excelente! Vim por um desafio da RocketSeat que não consegui entender pela explicação de lá. A sua foi perfeita. Além da dica do codebox que nao conhecia. Valeu demais!

@FabioLeonardoAlvesLeite Год назад

Obrigado.

@elvispresley1728 Год назад

Bom demais

@laurabarros9907 4 года назад

muito bom vinicius, ajuda muito! valeu

@viniciusdacal 4 года назад

Fico feliz que o conteúdo tenha ajudado Laura! Muito obrigado pelo feedback.

@tiagoborges7297 3 года назад

Aula muito boa!

@viniciusdacal 3 года назад

Valeuuuu Tiago.

@josuereis6367 3 года назад

Muito obrigado!

@viniciusdacal 3 года назад

Valeuuu Josue.

@Freepry0 3 года назад

Muito bom... Mais vídeos como esse!

@viniciusdacal 3 года назад

Muito obrigado Priscila! Pode deixar que mais vídeos assim virão. Grande abraço.

@guilhermebezerra6660 Год назад

muito bom

@yagovaluche8745 3 года назад

muito boa a explicação! Parabéns !!

@viniciusdacal 3 года назад

Valeuuuu Yago!

@duferreira1477 4 года назад

Fala Vinicius, aqui vai uma sugestão de vídeo => Diferença entre Map Collections x Object. Quando usar um ou outro. Vleo irmão, continue firme produzindo conteúdo. SUCESSOOOOO

@viniciusdacal 4 года назад

Boa Eduardo! Já deixei anota aqui para gravar. ótima dica! Muito obrigado man. Abraços.

@TkdCrisDev 3 года назад

Fala Vinícius, bacana seu vídeo. Obrigado amigo!!! To iniciando a vida de programador e dando muito console.log durante os estudos rsrsrs Abraço!!!!

@madruguinhadocs 4 года назад

Já falei outras vezes, teu conteúdo é muito didático, parabéns. Eu estou com um problema, na qual preciso filtrar em cada loop do map os produtos do atendimento. Eu passo o id do atendimento pelo parâmetro da função, e ele me retorna todos os produtos que contém naquele atendimento. Show de bola, nem precisei fazer outras requisições ao backend, estou aproveitando os dados que vieram da primeira requisição. Valeu mano!

@viniciusdacal 4 года назад

Que massa Matheus! Nunca é de mais ler um feedback desses. Fico muito feliz de saber que os vídeos estão ajudando. Valeuuu demais pelo feedback. Grande abraço mano.

@paivamarcelo 3 года назад

Valeu, man ! A explicação mais clara que já ví ... .abraço !

@viniciusdacal 3 года назад

Valeu Marcelo :) Valeu pelo feedback. Grande abraço man.

@marcoiung 3 года назад

Aula muito boa, queria ver retornando num array de múltiplos níveis, como filtrar e retornar apenas o último.

@viniciusmachadocruvinel659 4 года назад

Parabéns, ótima didática, assunto pertinente e os exemplos são bem coerentes.

@viniciusdacal 4 года назад

Valeuuuu Vinicius! Abraços.

@joezersmaniotto3103 4 года назад

Muito legal, excelentes suas dicas, já tive problema com o reduce, por não colocar 0 como valor inicial do acumulador, depois um colega me falou sobre isso, resolve meus problemas, hahaaha

@viniciusdacal 4 года назад

Sim, de inicio eu sempre esquecia esse parâmetro inicial hehhehe. Abraços man.

@RomeuMello 4 года назад

Gostei bastante, mas na parte do reduce eu fiquei meio confuso.

@viniciusdacal 4 года назад

O reduce é um pouco mais complexo mesmo.Talvez valha a pena fazer um vídeo mostrando mais exemplos com ele. No post eu explico ele um pouquinho diferente, pode ser que ajude: www.viniciusdacal.com/blog/2020/03/04/tres-metodos-do-array-em-javascript-para-faciliar-o-seu-dia-a-dia. Abraços.

@And653 Год назад

Adorei, gostaria de calcular alícota (porcentagem) sobre o valor recebido de um produto que é vendido para diferentes locais.

@wlissesfernando5210 2 года назад

fala Vinicius, aqui voçê poderia fazer um video que mostra como trocar os itens de uma array por simbolos ??

@EngoDarcyBussNeto 3 года назад

Oi Vinicius, Muito bom seu vídeo! Se tiver como fazer com um vetor dentro de outro vetor. Ex. dentro de produtos ter um item chamado "ingredientes" e dentro de ingredientes ter uns ingredientes para poder trabalhar com objeto e vetor.

@rcamis 4 года назад

faz um projeto completo, assim poderemos treinar

@viniciusdacal 4 года назад

Estamos fazendo um completo de ReactJS, tenho intenção de iniciar um de JS assim que terminar aquele: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4juIVSWo-pw.html

@Freepry0 3 года назад

Chegou a fazer o projeto do JS?

@jamesaraujo4076 3 года назад

Bom demais o tutorial. Gostaria de saber como utilizar o filtro com uma lista, não apenas um parâmetro. Poderia nos explicar? Abraço.

@linnanunes9116 2 года назад

rolou?

@tonyfilho1643 2 года назад

ola Vinicius muito bom video, tem como falar sobre Promise e Observables usando Angular, fazendo busca em uma API, seja de endereço outrem ?

@CortesAbencoados 2 года назад

Muito Boa a a sua explicação. Você tem alguma aula tipo em que ensino como calcular a média de vários alunos. sabendo que o nome de cada aluno é um objeto e suas notas são um array dentro daquele objeto ?

@julianavieira5325 2 года назад

Excelente explicação. Um duvida, estou fazendo uma importação de uma planilha em excel , afim de mostrar os dados em uma dashbord, precisaria do filter para puxar palavras iguais, no meu caso de pendentes, concluidas que estão como status na planilha. Acontece que como no seu exemplo não consigo puxar" p. categoria" para filtrar as palavras iguas, como faria neste caso ?

@GustavoSantos-pc4iq 2 года назад

Bom serie tu fazer um curso no udemy sacou?! Valeu pela dica... Ah.. sem querer abusar será que não rola de você fazer um video falando sobre SignalR não?

@baxiclidesbassoneto6554 Год назад

E se eu quisesse somar apenas os valores da categoria alimentos, por exemplo? Obrigado!

@app-canticosliturgicos 3 года назад

Parabens mano...top conteudo....o reduce funciona só com numeros???...ou ele funiona com palavras ( string) tbm ????

@viniciusdacal 3 года назад

Valeu man! Ele funciona com qualquer tipo de dado. Nesse vídeo aqui eu passo dois exemplos, um com números e outro com um array de objetos ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-s1GdA14MY-c.html

@maicon484 Год назад

É possível criar um HTML e com JS com lista de produtos, consultar adicionar produtos, remover e saída do produto ?

@fernandopalmerston2535 4 месяца назад

O que me gera dúvida é o porquê não dá pra fazer a mesma soma que o reeuce faz usando o Map por exemplo

@viniciusdacal 4 месяца назад

é que o reduce pode produzir qualquer resultado a partir do array. Um array pode gerar um objeto, uma string, um número, etc... Enquanto isso, o map só resulta em outro array, e com o mesmo número de itens do array original. O map só pode aplicar alterações em cada item do array, mas o output será sempre um array.