Como encontrar um objeto por id em uma matriz de objetos JavaScript

Em JavaScript, os objetos são utilizados para criar uma instância de uma classe que pode determinar uma classe em uma forma independente. No entanto, se vários objetos forem armazenados em uma matriz, é muito difícil encontrar o necessário. Para resolver esse problema, o JavaScript fornece vários métodos para encontrar esse objeto. Por exemplo, você pode encontrar o objeto usando o ID, nome, valores -chave e outros.

Este post declarou o método para encontrar um ID de objeto em uma matriz de objetos JavaScript.

Como encontrar um objeto por id em uma matriz de objetos JavaScript?

Existem vários métodos que podem ser usados ​​para encontrar o objeto em uma matriz de JavaScript, como “encontrar()","filtro","FindIndex (), e outros.

Para implicações práticas, experimente o método declarado um por um.

Método 1: Encontre um objeto por id em uma matriz usando o método JavaScript "find ()"

Para encontrar um objeto por id em uma matriz usando o “encontrar()”JavaScript Método, declare uma matriz constante com a ajuda do“constPalavra -chave. Em seguida, adicione os seguintes elementos na matriz:

const arr = [

ID: 01,
Nome: 'JavaScript'
,

ID: 02,
Nome: 'Java'
,

ID: 03,
Nome: 'html/css'
]

Invoque o “encontrar()”Método com a função de retorno de chamada em que o ID do objeto é equivalente a“2”E armazene o valor resultante na variável declarada:

const objeto = arr.encontre (obj => obj.id === 02);

Utilize o “registro()”Método e passe o argumento“objeto”Para imprimir a saída no console.

console.log (objeto)

Método 2: Encontre um objeto por id em uma matriz usando o método JavaScript "findIndex ()"

Você também pode encontrar o objeto por seu ID com a ajuda do “FindIndex ()”Método. Para fazer isso, declare a variável usando o “deixar”Palavra -chave e adicione os dados na matriz:

Deixe AnimalsObj = [
ID: '101',
Nome: 'Cat'
,

ID: '102',
Nome: 'cachorro'
,

ID: '103',
Nome: 'Rabbit'
];

Declare uma constante e atribua um valor de acordo com a constante definida:

const id = '103';

Agora, invoco o “FindIndex ()”Método ao longo de uma função de retorno de chamada e verifique o ID:

var animalIndex = AnimalsObJ.FindIndex (Animal => Animal.id === id);

Agora, passe o índice de matriz como um argumento para o “registro()”Método para mostrar o índice na tela:

console.log ("Index:"+AnimalIndex);

Exiba a matriz resultante no console:

console.log (AnimalsObj [AnimalIndex]);

Método 3: Encontre um objeto por id em uma matriz usando o método javascript "filtro ()"

Em primeiro lugar, declare uma constante e atribua um valor a ele:

const id = '101';

Você também pode usar o método filtro () para encontrar o objeto. Para esse fim, armazene os elementos em uma matriz e chame o “filtro()”Método para invocar uma função de retorno de chamada e verificar o ID:

var animal = AnimalsObj.filtro (animal => animal.id === id);
console.log (AnimalsObj [AnimalIndex]);

Você aprendeu sobre vários métodos para encontrar um objeto por id em uma matriz de objetos JavaScript.

Conclusão

Para encontrar um objeto por id em uma variedade de JavaScript, existem vários métodos, incluindo “encontrar()","filtro", e "FindIndex ()”Isso pode ser usado. Para fazer isso, adicione o elemento em uma matriz e invocar o método com uma função de retorno de chamada e verifique o ID do objeto. Este post declarou métodos diferentes para encontrar um objeto por id em uma matriz de objetos JavaScript.