Funções de Array JavaScript - Aula 1 - map()
ฝัง
- เผยแพร่เมื่อ 29 ต.ค. 2024
- [SÉRIE ESPECIAL] Funções de Array JavaScript - Aula 1 - map()
Faaala, moçada! Esse é o primeiro vídeo da nossa série especial sobre métodos de array JavaScript. Nele, você vai conhecer map(), função de array que com certeza é uma das mais usadas no mundo JS.
Use map() quando: é preciso traduzir/mapear todos os elementos em um array para outro conjunto de valores.
🔵 map()
⚪ filter(): • Funções de Array JavaS...
⚪ reduce(): • Funções de Array JavaS...
⚪ every(): • Funções de Array JavaS...
⚪ some(): • Funções de Array JavaS...
⚪ find(): • Funções de Array JavaS...
⚪ includes(): • Funções de Array JavaS...
⚪ API real: • Funções de Array JavaS...
⭐ Playlist completa
• JavaScript: Funções de...
✏️ Artigo completo
desenvolviment...
💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
/ discord
🧾 Projeto no GitHub
github.com/des...
==========
Assine o canal! bit.ly/dpw-youtube
Facebook: / desenvolvweb
Instagram: / desenvolvweb
Twitter: / desenvolvweb
Conheça o blog desenvolvimento para web: desenvolviment...
Um método que utilizo para eternizar e compreender 100% do conteúdo é assistir o vídeo com artigos (inclusive do blog) abertos. Assim, quando houver uma dúvida, vou direto nos artigos para ler o trecho que pode sanar minha curiosidade. Desse jeito, consigo matar a sensação de não estar e entendendo para no final dominar a função ou propriedade com facilidade.
E praticar bastante, claro. :)
vlw
Sempre recomendo esse vídeo para quem chega em função de array! É simplesmente excelente, mesmo 4 anos depois rsrs
Muito obrigado pela força! 👊
meus parabéns pela aula , simples, claro e objetivo
Obrigado!
Cara, essa série de vídeos das funções de array estão muito bons!
Explicação clara, simples e direta, parabéns.
Me inscrevi no canal e vou compartilhar a playlist com o pessoal do meu curso.
Valeu!
Opa, aí sim! Muito obrigado! 😁
Rapaz, não conhecia seu canal e agora to maratonando. E cada vez me surpreendo mais com o tanto de conteúdo que tem nele. Parabéns!
Fico satisfeito que esteja gostando, Mario!
Se quiser dar aquela força extra, compartilha com o pessoal os conteúdos que gostar. :)
Cara que didática legal, gostei muito da forma que você mostrou diversas formas de fazer a mesma coisa, parabéns pelo video!
Vlw, Jão!
Mano, muito obrigado por compartilhar seu conhecimento. Se tiver algo na Udemy, pode ter certeza que vou adquirir... muito obrigado mesmo !
!
Eu que agradeço o comentário, Thiago.
Não temos na Udemy no momento, mas se quiser dar um Valeu no vídeo, te agradeço duplamente. :)
Ficou claro, rápido e prático. Nota 1000 na minha opinião. Agora é só eu treinar pois entendi de primeira. Obrigado por ajudar.
Com a prática, a gente aprende. :)
Parabéns pelo trabalho meu amigo, muito bom o seu conteúdo. Obrigado pela ajuda.
Eu que agradeço, Lucas.
Fantástico, show de bola
Obrigado 👍
Parabéns! Teve uma boa explicação.
Obrigado, Renato.
Muito bom o vídeo muito instrutivo e dinâmico!!!
Obrigado, Camilo!
Obrigado! Parabéns pela didática!!
Nós que agradecemos! :)
aula muito show mano.
Valeu! 😀
Maravilhosa essa aula 🎉
Obrigado 😃
Muito bom! Gostei do formato! Parabéns!
Tá sumido, Eden!
Dá uma olhada em mais vídeos, desde o início do ano estamos colocando toda semana vídeos neste formato.
Abs
@@dpwoficial É verdade Tárcio! Estava no último semestre da faculdade e focado em melhorar meu CR. Não estava satisfeito com meu rendimento, nunca fui mediano e estava bem abaixo disso. Estava focado nesse objetivo, salvando os conteúdos para ver depois. Terminei o último semestre com CR 10,0 e CR geral em 7,25, antes estava em 5,1. E agora o foco é JavaScript e estava guardando a playlist para quando chegasse no em métodos de array para ser um complemento. Mas estou reservando os sábados para colocar o conteúdo guardado em dia.
Maravilha, Eden. Continue acompanhando o canal que esse ano vai ter bastante tutorial de JavaScript. ;-)
Valeu dms, salvou o Jr. ak!
Tamos aê. :)
Opa curti o novo formato!
Feedback: não sei se é só comigo, mas eu costumo assistir videos no youtube em velocidade 1.5 ou 2.0. E somente no seu canal, o video não aguenta ficar nessa velocidade, ele trava e desincroniza o som da imagem. Provavelmente é algum codec/formato que vc está exportando seus videos. Recomendo dar uma verificada, valeu!
Se quiser testar, eu uso Windows 10 e Chrome na velocidade 2x trava tudo.
Fala, Mateus! Cara, também assisto assim (muito bom, né? haha), mas, por aqui, está tudo normal até em mais de 2x.
O plugin que eu uso aqui é o Video Speed Controller. E o seu?
PS: Não sei se pode ter relação, mas tenho K-Lite Codec Pack instalado.
@@dpwoficial haha bom demais! Então, eu também tenho o klite codec pack e uso mesma extensão. Que estranho acontecer isso só no seu canal, mas pelo visto é meu pc então 🤔🤔
Caramba, é só aqui? Nos outros tá normal seu 2x?
@@dpwoficial sim kkkkk todos os outros canais, pega normal em qlq velocidade, por isso que achei que fosse codec... No seu trava tanto que eu tenho que assistir em velocidade normal, pq senão o vídeo nem anda direito O.O
Muito bom mano! Gostei, ajudou o júnior aqui. Obrigado!
Sempre em frente.
Cara, pelo amor de Deus, onde compro seus cursos? Nunca havia visto uma didática tão clara.
Muito obrigado! :D
Em algum momento do futuro, abriremos uma nova turma do nosso curso de CSS. Cadastra lá: www.cssalemdosensocomum.com.br/
Olá! No dia-a-dia do desenvolvimento, é normal fazer a função já dentro da área de parâmetros do map (anônima) ou nomear elas, como você fez em 6:23?
Estou maratonando seus vídeos, ótima explição.
Não tem "certo" ou "errado"; depende do estilo de codificação de cada dev.
E obrigado pela força maratonando os vídeos. 👊
O exemplo começa mesmo a partir de 4:30 min.
🖤
arrasou no CCAA rs
A gente tá comprometidos com a educação. 👍
estou com uma duvida ... dentro do map () você chamou a função doubleNumber, essa a função criada doubleNumber(num) era obrigatório um parâmetro, e na chamada da mesma não foi passado o parâmetro, no minuto 6:40, como funcionou ?
A map() não passa por todos os números? Automaticamente, ela sabe que é para usá-los, respectivamente, como argumento da função. :)
@@dpwoficial obrigado por explicar
@@danilo1531 De nada.
Ótimo!
Vlw, Nobre!
Top mano!!
Vlw, Olivei!
começa em 4:25
Começa em 0:00
😂😂😂😂😂😂
O map então retorna um novo array com a alteraçãoq eu voce faz dentro do bloco de código?
Retorna um novo array.
Muito bom parabéns
Muito obrigado, Ednaldo! Apareça também nos próximos vídeos da série. 👍
@@dpwoficial sim vou acompanhar, você vai ter um cronograma das lives ?
Essa semana estamos com essa série especial, então vai sair vídeo todos os dias.
Amanhã e depois vai ter 2 vídeos por dia, 10h e 15h. Na sexta, a finalização com 1 vídeo 15h.
@@dpwoficial show vlw amigo!
me da uma dica, uso o fetch e consumo uma api, ela me retorna um json, como transformo em array e uso o map para acessar elementos?
Não sei exatamente o que você tá tentando fazer, mas, não necessariamente, é preciso usar map() para isso.
Dá uma olhada no último vídeo da série que mostra como lidar com uma API real: th-cam.com/video/rMek7Gtsros/w-d-xo.html
Onde tem o vídeo do BFB ?
th-cam.com/video/qf1Qa6CLwaU/w-d-xo.html
O map, seria a mesma coisa com forEach?
A principal diferença (fora a sintaxe) é que map() retorna um novo array com os resultados da função, enquanto forEach() faz as operações sem retorno.
Assista em 1.25x e seja feliz
Ou até mais rápido. :)
poderia me ajudar a usar essa logica nesse codigo?
case 1:
if (y == 1){
switch (count){
case 17: // cam CMP pin 8
digitalWrite(Cont_fase, LOW);
break;
case 37:
digitalWrite(Cont_fase, HIGH);
break;
case 47:
digitalWrite(Cont_fase, LOW);
break;
case 67:
digitalWrite(Cont_fase, HIGH);
break;
case 77:
digitalWrite(Cont_fase, LOW);
break;
case 107:
digitalWrite(Cont_fase, HIGH);
break;
}
}
map() não é substituto de switch(); ele é usado quando é preciso traduzir/mapear todos os elementos em um array para outro conjunto de valores.
Por favor não fale tanto Kkkkk mão na massa 😃
Próximo vídeo tô pensando em ficar mudo e colocar um intérprete de libras no cantinho da tela. 👍
@@dpwoficial quase 4min de um vídeo de 10min pra entrar no assunto, acho que vou ter que concordar com o amigo..
@@Dimy111 O nome disso é "Introdução". vlw
Pqp tudo vcs reclamam
Desculpa mas nao pude deixar de reparar que os numeros aleatorios tem uma regra... o próximo é igual ao atual + anterior, 1+4 = 5, 5+4 = 9, 9 + 5 = 14... kkkkkkkkkk...
hahaha Você pode ou não ter descoberto que em todo vídeo tem um easter egg. Não nego, nem confirmo. Fica no ar...
@@dpwoficial adorei, manda um mais difícil!