Neste artigo você vai aprender a obter o índice de um objeto pelo valor da propriedade, utilizando a linguagem JavaScript!

índice de um objeto pelo valor da propriedade capa

Fala programador(a), beleza? Bora aprender mais sobre arrays e objetos!

Como estamos falando de índice, provavelmente o dado que você possui é uma lista (array)

E precisa obter o índice de um objeto específico pelo valor de sua propriedade

Vamos utilizar para isso o método map, identificando o dado por meio da propriedade alvo e o auxílio do método indexOf

O map vai percorrer todo array em busca de um item com o índice da propriedade indicada

Veja um exemplo prático:

const users = [
  {name: "Matheus", age: 31},
  {name: "João", age: 40},
  {name: "Pablo", age: 22}
]

const index = users.map(user => user.name).indexOf('João');

console.log(index) // 1

Primeiramente temos nossa lista de usuários, e queremos encontrar o índice pelo valor do nome

Na segunda variável o índice é identificado através do método map e de indexOf

Nos é retornado 1, que é o segundo item do array, pois eles são baseados em zero

E o valor do nome procurado é João, que justamente é o segundo objeto

Agora basta adaptar o código para o seu array e objetos

Deixe um comentário contando o que achou desta solução 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você aprendeu a como resgatar o índice de um objeto pelo valor da propriedade

Utilizamos alguns métodos para isso:

  • map: percorrer todo o array de objetos;
  • indexOf: encontrar o índice por um valor específico;

Isso nos deu um retorno numérico, que é o índice do elemento que estávamos buscando no nosso array

Lembrando que os arrays começam a contar de 0, pois são zero based, então índice será 1 a menos que a posição do elemento

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments