JavaScript

Como utilizar a função map em objetos em JavaScript

24 de maio de 2021

Como utilizar a função map em objetos em JavaScript

Neste artigo você vai aprender a como utilizar a função map em objetos com JavaScript, passando assim por todos os itens que o objeto tem

utilizar a função map em objetos capa

Fala programador(a), beleza? Bora aprender mais sobre a função map e também JavaScript!

Para mapear um objeto com map, vamos utilizar Object.keys, que é um método que nos dá acesso ao chaves do objeto

Podendo assim percorrer cada uma delas, dando vida a função map

Na função anônima de map, podemos definir as chave e os índices do mesmo, e assim trabalhar com estes valores

Veja um exemplo do que foi explicado acima:

var obj = {
	nome: "Matheus",
  idade: 30,
  profissao: "Programador"
}

Object.keys(obj).map(function(key, value) {
	
  console.log("A chave é: " + key);
  console.log("O valor é: " + value);

});

Criamos primeiramente um objeto com três chaves e três valores

Depois aplicamos a técncia de Object.keys mais a função map

E com as chaves e valores definidos na função anônima, exibimos eles posteriormente com console.log

Porém você pode realizar qualquer lógica que deseja, diferente de só exibir os valores!

Conclusão

Neste artigo você aprendeu a como utilizar a função map em objetos, na linguagem JavaScript

Utilizamos a função key de Object, para resgatar todas as chaves que o objeto possui

Posteriormente definimos no parâmetro da função anônima as chaves e valores, e consequentemente podemos utilizá-los dentro da função

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x