Como usar o Reduce? Convertendo arrays em outros tipos  

✅ Tem dúvidas sobre arquitetura de camadas? Tratamento de erros? Quais as bases para colocar um projeto no ar de forma automática com Integração Contínua? Conheça meu curso do canal o Construindo CRUDs com qualidade hotm.art/mWYNKk3

SHOW, já sou pleno na minha carreira e sempre me confundo com reduce e esse exemplo de tratativa de objetos me esclareceu muito. De verdade, muito obrigado! Teus vídeos sempre me ensinam algo útil

Sensacional! Nunca tinha visto um vídeo tão esclarecedor sobre reduce. A maioria fala o básico, apenas somando números. Parabéns!

VOCÊ É PERFEITO!! Nunca tinha visto uma explicação tão clara assim, sempre vi explicarem meia boca ou o básico, tipo "ah vc bota isso aqui e dá isso". Parabéns pela didática excelente, finalmente entendi esse troço graças a você hahahah

Meu deus didática maravilhosa salvou mtoo

Muito bom esse vídeo! De verdade mesmo, me deu uma luz pra resolver problemas justamente com API KKKKK e eu assisti so pra refrescar a memória! show!

muito bom, ja tive um problema em que a gente precisava iterar no array, criar NOVOS ARRAYS de objetos com aquele array. Nunca tinha achado um exemplo mais robusto pra entender aquele problema melhor, o seu exemplo de pokemon chegou bem perto! obrigada

Caraca, vou fazer vários testes com essas transformações, muito foda!

Muito boa essa função do reduce!

Cara que explicação sobre o reduce sensacional

Nossa, muito obrigada! Finalmente entendi como funciona xD

Seus videos são muito bons!!

Vc me ganhou com o efeito dos pokémons, cara!

Muito boa a explicação, gostaria de ver mais coisas de Javascript, seria legal pra quem está começando.

Caraca que jeito fera de usar o reduce. Já vou começar a remover alguns for Loops do meu código hauahuahauahaua

Faz dias que estou aconpanhando esse canal, mais hoje foi um dia especial você conseguiu ir para a velocidade 1.5x rsrs e isso ajudou muito no entendimento rsr mais super top a dica sobre reduce.

Esse efeito de “debug” e visualização de valores de variáveis é algum plugin do vscode ou configuração? A propósito, muito bom o vídeo, já estou seguindo o canal!

tu é fera mano, gostei muito do vídeo e ainda mais que tu gosta de Pokémon também :))

Cara, me ajudou sem eu ter procurado O_o .. estou no meio de um projeto, com 3 API s e precisava montar uma tela e tava fazendo de um jeito totalmente diferente... Depois dessa vou direto refatorar kkk

Conteúdo excelente...

hmm interessante o exemplo dos objetos, mas fico imaginando o trabalho q deve ser fazer isso em typescript hahaha

Show!

D1.4 - start maratona do canal;

Resolveu a dúvida da minha vida com o reduce kkk nunca tinha entendido muito bem situações que poderia usar, facilita bastante algumas coisas do dia a dia. (Achei um Souto que é Dev haha)

Sou iniciante e achei esse código beeeeeeeem doido! kkkkkkkkkk (Preciso estudar mais isso)

Bem bacana. Parabéns por compartilhar seu conhecimento. No meu ver até um pouco antes da metade, estava bem engajada a explicação, depois disso ficou muito confuso, e de difícil aprendizagem. Faltou colocar o espectador dentro do raciocínio e não ficar você conversando com você mesmo, comunicação muito acelerada até no 0.75, além de muita gesticulação com as mãos, quem sabe você se encaixe melhor fazendo essas gesticulações numa dinâmica com uma lousa física & virtual, ai ficaria mais relevante no meu ponto de vista. vlw!!

Valeu!!

Fala! Tenho gostado muito dia seus vídeos! Parabéns! Uma dúvida: este uso que você mostrou do reduce não fica muito parecido com forEach??

Maravilhosa explicação… Vlw

Mano sensacional teus vídeos mas, a cabeça explode!!! 😅 javaScript é foda de lidar com exemplos assim. Dica que eu dou é: simula situações de cotidiano como se fosse um projeto real é isso que mais interessa na real! Forte abraço!

Parabéns pelo vídeo! Se me permite contribuir, algo que pode limpar ainda mais a criação do objeto dos Pokémons é usar um spread operator para na mesma linha mesclar o array já existente no objeto com o novo valor da iteração atual.

Fala Mario, tudo na paz? Conheci o canal hoje e ja curti demais o conteúdo. Fiquei apenas com uma dúvida, qual extensão você usa no VsCode, pra ja ter o retorno do console.log "automaticamente". Abs :D

show

A didática ficou de lado aí na hora do Pokemon, mas valeu

5:26 E se caso o nosso array tiver mais um elemento no final maior que o valor anterior, como por exemplo a string 'gato', quando reduce for operar nesta string vai verificar que ela é maior que o elemento anterior e retorná-la na variáveil maiorPalavra, assim a nossa variável vai conter a string 'gato', que não é a maior palavra

Qual o nome dessa extensão do vscode que já escreve do lado o retorno do que vc está escrevendo?

Por favor se tiver mais vídeos desse aonde não precisa usar For nem if, gostaria de conhecer mais classes incríveis que nem essa ! me indica aqui!

ótimo vídeo, dá um zoom maior na tela para ver mais facilmente os códigos .

Muito bom o conteúdo, gostei dessa extensão que já produz o resultado do console log na tela qual é o nome dela? Grato

Muito bom. Qual esse plugin que apreseta os dados em tempo de execução?

alguém sabe qual a extensão que ele ta usando que consigo ver os console.log no corpo do vscode?

Soutinho estou conferindo o canal pelo jabá feito no hipster.tech...ganhou o inscrito !! Bela explicação. Que extensão é essa que está usando para previamente mostrar os resultados ?

As vezes o Mario se enrola nas palavras kkk

Excelente vídeo fera. Mas diz aí, que extenção é essa que mostra o log na tu codeline?

qual extensão ele para mostrar o resultado do console.log no próprio vs code?

mano você é muito xerox do Filipe Deschamps

cara, que extensão é essa que já mostra o resultado sem abrir o console no navegador? Amei!!! Se alguém souber, vai me ajudar bastante...

Eu vi esse video e fiz no meu pc, o exemplo do pokemon, e poercevi que o "ou"( || / or) ele tem um efeito de condicional, caso o index tipo seja igual ele apenas vai repetir, só que ele não repete então não cria outro array, só cria uma array vazio quando não é repetido ! a parte mais complicada é esse || , mas acho que entendi certo o efeito dele no Reduce !

Como você faz o console.log aparecer na prória linha? É alguma extensão do VSCode?

Que extensão é essa que já mostra o resultado no código?

Vídeo maravilhoso, muito bom bem mastigadinha, vou tentar ver os vídeos do canal todo, precisando ! Mas tipo mano, eu vi um codigo parecido com esse para agrupar, e o outro programador usou um tal de "Spread Operator" que são os 3 pontinhos, ficou meio confuso rsrs mas vc tem um outro video explicando ele ?

vc é lindo cara

Pokemon não tem plural, Mario! HAhahHAhA

Qual o nome dessa extensão em que o console.log aparece no código? 1:35

sou bem iniciante e na parte dos pokemons foi uma viagem kkk.. ele falando e colocando pokemon aqui pokemon ali... eu ouvindo ele e com a mente em outra dimensão.. nao entendi nada kkkk que doidera.. dificil achar um video realmente para iniciante : (

como faz para pegar o resultado assim no meio do codigo do lado do console.log?

Cara, que plugin é esse que te mostra a soma da operação ser ter que executar ?

3:29 é o matheus canella falando "ana maria"? HAHAHAHAH

Cadê a bolinha men para clicar no video rsrsrs

Top! Qual o nome dessa extensão de debug?

Alguém poderia me explicar o que exatamente ocorre na linha 64? Especialmente, qual a função do "pokemonsPorTipo[pokemonAtual.type] || []" nesse código (9:42).

alguma dica para pessaoas que não conseguem gerar a propria logica a não ser que vejam outros codigos?

E esse componente ai do vs code?

pica dms!

que tema é esse?

Lendo os comentarios eu to com medo, nao consegui aprender o reduce ainda kkkk, ja era tropa

Se eu posso fazer com pokémon, posso fazer com tudo... Kkk...

Sou iniciante e achei um pouco complicado.

4:24 não queria estragar a piada, mas segundo a linguagem formal " Para qualquer alfabeto só há uma palavra de comprimento 0, a palavra vazia, o que é muitas vezes denotado por e, ε ou λ. ".O que tu disse não está incorreto, existe sim na lógica a palavra vazia de um alfabeto, e obviamente a palavra vazia não tem nenhum char.

Fui fazer sozinho usando TS antes de ver a resolução e cheguei nisso, pensei complexo demais: interface IPokemon { name: string, type: string } const pokemons: IPokemon[] = [ { name: "Pikachu", type: "Electric" }, { name: "Squirtle", type: "Water" }, { name: "Magikarp", type: "Water" }, { name: "Magikarp", type: "water" } ] const pokemonNames: string[] = [] const pokemonsCategorizedReduceCallback: (total: T, item: IPokemon) => T = (pokemonsCategorized, pokemon) => { const newTotal = pokemonsCategorized const itemTypeLowerCase = pokemon.type.toLowerCase() const itemNameLowerCase = pokemon.name.toLowerCase() if (pokemonNames.includes(itemNameLowerCase)) { return newTotal } pokemonNames.push(itemNameLowerCase) if (Object.keys(pokemonsCategorized).includes(itemTypeLowerCase)) { newTotal[itemTypeLowerCase].push(pokemon.name) return newTotal } newTotal[itemTypeLowerCase] = [pokemon.name] return newTotal } const pokemonsCategorized = pokemons.reduce(pokemonsCategorizedReduceCallback, {}) console.log("🚀 ~ file: poke.ts ~ line 45 ~ pokemonsCategorized", pokemonsCategorized)

cara, juro que tenho dificuldade em entender isso

Cara, me ajudou sem eu ter procurado O_o .. estou no meio de um projeto, com 3 API s e precisava montar uma tela e tava fazendo de um jeito totalmente diferente... Depois dessa vou direto refatorar kkk