JavaScript puro: como o método forEach funciona
Вставка
- Опубліковано 30 лип 2024
- Dúvidas sobre o forEach? Esse vídeo vai te ajudar.
Aplicações web com JavaScript puro:
• Aplicações JavaScript
Cover icon made by Freepik from flaticon.
#javascript - Наука та технологія
Aulas complementares:
Map, filter ou forEach: Qual devo usar?
ua-cam.com/video/hQRNfjGTUjY/v-deo.html
Como refatorar um forEach para reduce
ua-cam.com/video/zYhPy0Cmhmk/v-deo.html
Como refatorar um forEach para map
ua-cam.com/video/xa5Wv_3zbWA/v-deo.html
Aplicações web com JavaScript puro:
ua-cam.com/play/PLpSJMw6H4PFMOJHMULTxKNOEw7g1cBuyP.html
Nossa, a didática impressiona!
Parabéns.
Melhor explicação que encontrei até agora Roger, parabéns!
cara a tua didática é sensacional, simplifica de maneira a parecer ridículo a não compreensão. Obrigado!!
Sua didática é ótima, obrigado pelo vídeo!!
A melhor explicação que eu vi até hoje
muito bom o video, sem enrolação, parte direto para o tema, parabéns!
Excelente explicação. Muito obrigado. Inscrito agora.
Didática impressionante, já me inscrevi
Ótima explicação, muito obrigado pelo conhecimento!
Tmj Lucas!
sensacional a explicação parabéns
Gostaria de parabenizá-lo pela didática impressionante que você tem Roger.... estava quebrando a cabeça e quase desistindo do JS por conta do forEach que não entrava na minha mente de forma alguma, agora em apenas 4 minutos vc conseguiu me fazer enxergar como é fácil! Obrigado e continue gerando conteúdos como esse... acabou de ganhar mais um inscrito e com certeza ganhará outros mais!
Perfeito muito obrigado, conhecimento é poder!
1:49 C@r#lh$! Muito TOP, esse parâmetro era exatamente a minha dúvida, obrigado!
Monstro demais! Excelente explicação professor!
🙏
video brabissimo, obrigado roger
Muito obrigado! Eu estou fazendo um curso onde os professores não explicaram muito bem esse método, mas consegui entender perfeitamente com o seu vídeo!
Estou fazendo um cursinho e fiquei perdido nisso, ainda bem que eu achei esse vídeo. Valeu Fessor!
Obrigado mestre, meu cantor / programador favorito rsrs
Muito obrigado, seu vídeo continua ajudando! Abraço
Excelente explicação! Clara e direta.
muito obrigado roger, explicado bem de mais cara, ajudou muito!!!!
excelente explicação!
Obrigado pela explicação, gosto muito da maneira como você explica, muito mais claro!👏👏👏
Parabéns pelo vídeo, você explica com muita calma. Muito fácil de entender com sua didática.
sua explicação é foda, parabéns
Nossa como queria ter vc como meu professor no curso de front end
Conseguiu explicar em 4 minutos o que meu professor não conseguiu em 20! Parabéns!!
melhor explicação
Direto e sem enrolação , vídeo nota mil
Melhor explicação! Obrigada!
Salvou meu dia!!!
Muito bom o video!
Excelente! Quando que abre as novas turmas?
Foca ligado no que vou anunciar aqui no canal nos próximos dias =)
Você explica muito bem, parabéns pelo trabalho!
Ganhou uma inscrita =D
Que ótima explicação! Deu uma clareada na minha mente.
Depois de muito quebrar a cabeça, consegui entender com o seu vídeo. MUITO OBRIGADO!!!!!
Tamo junto Bruno 👊🏻
simples e direto ótimo conteúdo
Excelente didática
Valeu Henrique 🙏🏻
Up, lindo!
me ajudou mt obrigada
Ganhou um inscrito!
Ajudou muuuito. Valeu mesmo ! =)
Tamo junto Angelo 👊
Roger, gosto muito dos seus vídeos. Vc tem curso em alguma plataforma ? Se sim poderia passar o link? Ou é só mentoria mesmo?
Falado sobre esse código, também funcionaria assim?
socialMediaNetworks.map( socialNetwork =>{
return console.log(socialNetwork)}
)
Vejo a galera do react usando muito map pra renderizar componentes repetitivos no dom... E fico na dúvida: por que eles não usam forEach?
Na linha do return no exemplo que você deu, primeiro a invocação do console.log() será executada e logo após, o valor que a invocação do console.log() retorna vai ser inserido no array que o map está gerando. Como a invocação do console.log() retorna undefined, toda a expressão do map resultará em um array de undefineds.
Existem diferenças fundamentais no uso do forEach e do map. Você usará o forEach quando quiser executar um efeito colateral (side-effect). Tanto é que o forEach sempre retorna undefined.
Alguns exemplos de side-effects:
- Modificar alguma variável ou propriedade de objeto que está do lado de fora da função;
- Logar no console;
- Manipular o DOM;
- Desencadear qualquer processo do lado de fora da função;
- Invocar outra função que produz efeito colateral.
Já o map deve ser usado quando você precisa gerar um novo array com a mesma quantidade de itens do array original. Geralmente esse novo array terá os itens do array original transformados.
Vou deixar abaixo algumas aulas em que explico com mais detalhes como o map funciona.
As inscrições do meu treinamento fechado de JavaScript foram encerradas na semana passada. Aproveite o conteúdo gratuito e se inscreva na lista de espera para saber em primeira mão quando as matrículas vão se abrir novamente: semanadojs.com.br/launch-mai-2021-cjrm-inscricoes-encerradas
Aulas:
Map, filter ou forEach: Qual devo usar?
ua-cam.com/video/hQRNfjGTUjY/v-deo.html
Como o map funciona:
ua-cam.com/video/bdLkAm12pgI/v-deo.html
Como refatorar um forEach para map:
ua-cam.com/video/xa5Wv_3zbWA/v-deo.html
Se permanecer qualquer dúvida, é só dar o toque =)
Muito obrigado Roger! Espero que eu consiga fazer o curso!
Muito show, parece fácil mas isso da um trabalhooooo.
Não entendi... o que dá trabalho? xD
@@RogerMelo oche percorrer e manipular índices de array, em php eu me atrapalho muito
Com a prática, fica mais fácil =)
É "mais certo" usar a declaração da função desacoplada?
É mais legível e te faz treinar um dos maiores desafios em desenvolvimento de software: escolher bons nomes =)
O foreach não aceita return pois dar undefenid ?
forEach não retorna valor. Por isso, vc deve usa-lo apenas em casos onde vc precisa executar efeito colateral =)
@@RogerMelo acho que entendi. Obrigado !
Parece MarcosAba ensinando programação.
não o que esta ensinando videos agora, o de uns 2 a 3 anos atras. a voz e metodo de ensino bem parecido.
Boa tarde!
A alguns anos, conheci a programação web. Me inscrevi em alguns cursos gratuitos na esperança de esse hobby me desse uma carreira promissora. Mas a meses atrás desisti, frustado 😤😥pois nem como freelancer deu certo. Quero relembrar o que esqueci, alguém sabe de site para praticar?( Nível iniciante, intermediário).
Os guias do MDN são confiáveis. Vc pode recomeçar por eles: developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
@@RogerMelo grato👍 .
parabéns ótima explicação, bem objetivo.
Valeu Fernando 🙏🏻