Encontrar objeto por id em um array de objetos em JavaScript

Neste artigo você vai aprender a encontrar objeto por id em um array de objetos em JavaScript, de uma maneira simples e eficaz

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

Em JavaScript temos acesso ao método find de arrays, ele pode encontrar um índice baseado em uma condição

Uma função anônima passada no método como argumento

Ou seja, podemos encontrar o objeto dentro de um array pelo valor de uma propriedade específica, como o id

Vamos ver na prática um exemplo:

var arr = [
  {'id': 1, 'nome': 'Matheus'},
  {'id': 2, 'nome': 'Pedro'},
  {'id': 3, 'nome': 'João'}
];

console.log(arr.find(x => x.id === 2)); // objeto com id 2

Aqui criamos um array com diversos objetos com chaves de id, e posteriormente aplicamos a função find

Que vai encontrar um objeto que contenha a chave id igual a 2

Desta maneira o segundo objeto é retornado, o que possui a chave nome com valor de Pedro

Note que se não houver um elemento com o id exigido, receberemos como retorno undefined de JavaScript

Desta maneira fica muito mais fácil encontrar um item em um array de objetos por meio do valor de uma propriedade específica do mesmo

Conclusão

Neste artigo você aprendeu a como encontrar objeto por id em um array, na linguagem JavaScript

Utilizamos a função find, que é uma função de array utilizada para encontrar elementos específicos, baseado em um padrão que é determinado por argumento, ou seja, uma função

Neste caso verificamos se a chave id com um valor, correspondia ao que estávamos procurando, se sim recebemos o objeto como retorno, se não recebemos undefined

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube