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

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 115

  • @viniciusdacal
    @viniciusdacal  4 ปีที่แล้ว +22

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

  • @Chris-tx9kb
    @Chris-tx9kb 2 หลายเดือนก่อน

    Professor que vídeo incrível, você não faz ideia como me ajudou, didática sensacional!!

  • @lucaseduardo1411
    @lucaseduardo1411 3 ปีที่แล้ว +10

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

  • @kauah2063
    @kauah2063 3 ปีที่แล้ว +12

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

  • @augustoeu8862
    @augustoeu8862 8 หลายเดือนก่อน

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

  • @robsonpepplowlopes8022
    @robsonpepplowlopes8022 2 ปีที่แล้ว +1

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

  • @ricardobarros959
    @ricardobarros959 2 ปีที่แล้ว

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

  • @alexgiovani35
    @alexgiovani35 2 ปีที่แล้ว

    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!

  • @fredericonakajima7089
    @fredericonakajima7089 ปีที่แล้ว

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

  • @thaissthephanye2623
    @thaissthephanye2623 3 ปีที่แล้ว

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

  • @thiagocabralm
    @thiagocabralm 8 หลายเดือนก่อน

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

  • @amauryrodrigo
    @amauryrodrigo 4 ปีที่แล้ว +1

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

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว

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

  • @cristianoseixas2417
    @cristianoseixas2417 4 ปีที่แล้ว +1

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

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว

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

  • @deybsoncarvalho1978
    @deybsoncarvalho1978 ปีที่แล้ว

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

  • @UsaLinux
    @UsaLinux ปีที่แล้ว

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

  • @markusqueiroz7939
    @markusqueiroz7939 4 ปีที่แล้ว +7

    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
      @viniciusdacal  4 ปีที่แล้ว +4

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

  • @hiisukii598
    @hiisukii598 หลายเดือนก่อน

    muito bom, entendi tudo e agora vou praticar pra fixar melhor!

  • @LeandroAlves-dn6gi
    @LeandroAlves-dn6gi 3 ปีที่แล้ว

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

  • @AlineCardozoED
    @AlineCardozoED 4 หลายเดือนก่อน

    Muito didática sua explicação... Adorei!

  • @rafaelmaia7289
    @rafaelmaia7289 2 ปีที่แล้ว

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

  • @EricaLopess
    @EricaLopess 2 ปีที่แล้ว +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!!!

  • @vane_8994
    @vane_8994 3 ปีที่แล้ว +1

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

  • @camilaleutz
    @camilaleutz 2 ปีที่แล้ว

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

  • @eudanielsilveira
    @eudanielsilveira 3 ปีที่แล้ว +2

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

  • @kakashisuzuki8068
    @kakashisuzuki8068 4 ปีที่แล้ว

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

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว

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

  • @ronaldobezerra6703
    @ronaldobezerra6703 ปีที่แล้ว

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

  • @VictorHugoAlves7
    @VictorHugoAlves7 ปีที่แล้ว

    JavaScript é bom demais. Valeu, Vinicius!

  • @wasthatyesterday
    @wasthatyesterday 3 ปีที่แล้ว

    Loud and clear! Muito bom.

  • @Ritmopaidegua
    @Ritmopaidegua 2 ปีที่แล้ว

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

  • @rafaelvarela619
    @rafaelvarela619 3 ปีที่แล้ว +1

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

    • @viniciusdacal
      @viniciusdacal  3 ปีที่แล้ว +1

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

  • @douglasbezerra1682
    @douglasbezerra1682 2 ปีที่แล้ว

    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!

  • @andresavieira9218
    @andresavieira9218 2 ปีที่แล้ว

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

  • @MiguelModestoHC
    @MiguelModestoHC 2 ปีที่แล้ว

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

  • @checher100
    @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!

  • @jwfelipe1161
    @jwfelipe1161 3 ปีที่แล้ว

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

  • @madruguinhadocs
    @madruguinhadocs 4 ปีที่แล้ว +1

    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
      @viniciusdacal  4 ปีที่แล้ว +1

      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.

  • @pablito-dev
    @pablito-dev 4 ปีที่แล้ว +3

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

  • @marcelosurfpaiva
    @marcelosurfpaiva 3 ปีที่แล้ว

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

    • @viniciusdacal
      @viniciusdacal  3 ปีที่แล้ว +1

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

  • @rogersjhonatan2756
    @rogersjhonatan2756 3 ปีที่แล้ว

    Cara, muito obrigado, seu material me ajudou muito.

  • @philipharvey1994
    @philipharvey1994 3 ปีที่แล้ว

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

  • @cleyltongermano4416
    @cleyltongermano4416 3 ปีที่แล้ว

    valeu Dacal, me salvou no trampo!

  • @viniciusmachadocruvinel659
    @viniciusmachadocruvinel659 4 ปีที่แล้ว

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

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว

      Valeuuuu Vinicius! Abraços.

  • @joezersmaniotto3103
    @joezersmaniotto3103 4 ปีที่แล้ว +1

    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
      @viniciusdacal  4 ปีที่แล้ว

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

  • @TheMii94
    @TheMii94 หลายเดือนก่อน

    ótimo conteúdo, gostei muito

  • @marcoiung
    @marcoiung 3 ปีที่แล้ว

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

  • @TkdCrisDev
    @TkdCrisDev 4 ปีที่แล้ว

    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!!!!

  • @vnicidigital4030
    @vnicidigital4030 2 ปีที่แล้ว

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

  • @silvamoises8125
    @silvamoises8125 3 ปีที่แล้ว

    Muito boa aula !

  • @systemboymarcos
    @systemboymarcos ปีที่แล้ว

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

  • @mateusguimaraesalves1321
    @mateusguimaraesalves1321 3 ปีที่แล้ว

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

  • @gustavoluizdutrasantos9212
    @gustavoluizdutrasantos9212 3 ปีที่แล้ว +1

    totalmente excelente!

  • @tiagoborges7297
    @tiagoborges7297 4 ปีที่แล้ว +1

    Aula muito boa!

  •  2 ปีที่แล้ว

    Vídeo excelente, muito obrigado.

  • @edu_sdorneles
    @edu_sdorneles 3 ปีที่แล้ว

    Cara, que baita conteúdo, obrigado!

  • @helenafofaponeigamer1050
    @helenafofaponeigamer1050 3 ปีที่แล้ว

    baita aula, obrigado
    ajudou demais

  • @gpsdelivery8487
    @gpsdelivery8487 3 ปีที่แล้ว

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

  • @yagovaluche8745
    @yagovaluche8745 4 ปีที่แล้ว

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

  • @duferreira1477
    @duferreira1477 4 ปีที่แล้ว +3

    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
      @viniciusdacal  4 ปีที่แล้ว +1

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

  • @laurabarros9907
    @laurabarros9907 4 ปีที่แล้ว +2

    muito bom vinicius, ajuda muito! valeu

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว

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

  • @dev_gui
    @dev_gui 3 ปีที่แล้ว

    Ajudou muito, obrigado amigo.

  • @julianavieira5325
    @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 ?

  • @And653
    @And653 2 ปีที่แล้ว

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

  • @matheusnascimento1590
    @matheusnascimento1590 2 ปีที่แล้ว

    aula top , mt bom

  • @pumpkinlyla7287
    @pumpkinlyla7287 ปีที่แล้ว

    obrigadaaa vc é o melhor

  • @ronald6866
    @ronald6866 3 ปีที่แล้ว

    Muito obrigado brother !!!

  • @matheusalff
    @matheusalff ปีที่แล้ว

    aula muito boa

  • @backtothetrace
    @backtothetrace 3 ปีที่แล้ว

    Mto boa explicação

  • @maicon484
    @maicon484 2 ปีที่แล้ว

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

  • @baxiclidesbassoneto6554
    @baxiclidesbassoneto6554 2 ปีที่แล้ว

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

  • @Um_Zuca_Dev_Na_Ilha_da_Madeira
    @Um_Zuca_Dev_Na_Ilha_da_Madeira 3 ปีที่แล้ว

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

  • @Freepry0
    @Freepry0 4 ปีที่แล้ว

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

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว

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

  • @JoaoLucas-cv6kx
    @JoaoLucas-cv6kx ปีที่แล้ว

    Excelente!!!

  • @BloggerProfissional
    @BloggerProfissional 3 ปีที่แล้ว +1

    Top demais...

  • @wlissesfernando5210
    @wlissesfernando5210 2 ปีที่แล้ว

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

  • @lucasmatos1021
    @lucasmatos1021 3 ปีที่แล้ว

    muito bom o video

  • @Striker-ES
    @Striker-ES ปีที่แล้ว

    bem explicado obrigado

  • @tuliovargas
    @tuliovargas 3 ปีที่แล้ว

    Parabéns

  • @CortesAbencoados
    @CortesAbencoados 3 ปีที่แล้ว

    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 ?

  • @darcybuss
    @darcybuss 4 ปีที่แล้ว

    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.

  • @jamesaraujo4076
    @jamesaraujo4076 3 ปีที่แล้ว +1

    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.

  • @FabioLeonardoAlvesLeite
    @FabioLeonardoAlvesLeite ปีที่แล้ว

    Obrigado.

  • @elvispresley1728
    @elvispresley1728 2 ปีที่แล้ว

    Bom demais

  • @josuereis6367
    @josuereis6367 3 ปีที่แล้ว

    Muito obrigado!

  • @rcamis
    @rcamis 4 ปีที่แล้ว +4

    faz um projeto completo, assim poderemos treinar

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว +1

      Estamos fazendo um completo de ReactJS, tenho intenção de iniciar um de JS assim que terminar aquele: th-cam.com/video/4juIVSWo-pw/w-d-xo.html

    • @Freepry0
      @Freepry0 4 ปีที่แล้ว

      Chegou a fazer o projeto do JS?

  • @joaopfa
    @joaopfa 4 ปีที่แล้ว +1

    muito bom

  • @app-canticosliturgicos
    @app-canticosliturgicos 3 ปีที่แล้ว +1

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

    • @viniciusdacal
      @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
      th-cam.com/video/s1GdA14MY-c/w-d-xo.html

  • @RomeuMello
    @RomeuMello 4 ปีที่แล้ว +2

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

    • @viniciusdacal
      @viniciusdacal  4 ปีที่แล้ว +1

      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.

  • @fernandopalmerston2535
    @fernandopalmerston2535 10 หลายเดือนก่อน

    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
      @viniciusdacal  10 หลายเดือนก่อน +1

      é 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.

  • @GustavoSantos-pc4iq
    @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?

  • @gabriel36ization
    @gabriel36ization 3 ปีที่แล้ว

    E pra trazer no reduce o seguinte resultado
    Alimento{
    valorTotal: 11.2
    }
    Limepza{
    valorTotal: 8.50
    }

  • @dev-devvek1ng413
    @dev-devvek1ng413 2 ปีที่แล้ว

    esse reduce ein, pqp

  • @guilhermebezerra6660
    @guilhermebezerra6660 2 ปีที่แล้ว

    muito bom