Comment trouver un objet par ID dans un tableau d'objets JavaScript

Dans JavaScript, les objets sont utilisés pour créer une instance d'une classe qui peut déterminer une classe sous une forme indépendante. Cependant, si plusieurs objets sont stockés dans un tableau, il est très difficile de trouver le requis. Pour résoudre ce problème, JavaScript fournit diverses méthodes pour trouver cet objet. Par exemple, vous pouvez trouver l'objet en utilisant l'ID, le nom, les valeurs clés et autres.

Ce message a indiqué la méthode pour trouver un ID d'objet dans un tableau d'objets JavaScript.

Comment trouver un objet par ID dans un tableau d'objets JavaScript?

Il existe différentes méthodes qui peuvent être utilisées pour trouver l'objet dans un tableau de JavaScript, comme «trouver()","filtre","findIndex (), et d'autres.

Pour des implications pratiques, essayez la méthode indiquée une par une.

Méthode 1: Trouver un objet par ID dans un tableau à l'aide de la méthode JavaScript «find ()»

Pour trouver un objet par ID dans un tableau en utilisant le «trouver()«Méthode JavaScript, déclarez un tableau constant à l'aide du«const" mot-clé. Ensuite, ajoutez les éléments suivants dans le tableau:

const arr = [

ID: 01,
Nom: «JavaScript»
,

ID: 02,
Nom: 'Java'
,

ID: 03,
Nom: «HTML / CSS»
]

Invoque le «trouver()”Méthode avec la fonction de rappel où l'ID d'objet est équivalent à«2»Et stockez la valeur résultante dans la variable déclarée:

const objet = arr.trouver (obj => obj.id === 02);

Utilisez le «enregistrer()"Méthode et passer l'argument"objet«Pour imprimer la sortie sur la console.

console.journal (objet)

Méthode 2: Trouver un objet par ID dans un tableau à l'aide de la méthode JavaScript «findIndex ()»

Vous pouvez également trouver l'objet par son identifiant à l'aide du «findIndex ()" méthode. Pour ce faire, déclarez la variable en utilisant le «laisser»Mot-clé et ajoutez les données dans le tableau:

Soit AnimalsObj = [
ID: '101',
Nom: 'Cat'
,

ID: '102',
Nom: «chien»
,

ID: '103',
Nom: «lapin»
];

Déclarez une constante et attribuez une valeur en fonction de la constante définie:

const id = '103';

Maintenant, invoquez le «findIndex ()”Méthode le long d'une fonction de rappel et vérifiez l'ID:

var animalIndex = animauxobj.findIndex (animal => animal.id === id);

Maintenant, passez l'indice de tableau comme argument au «enregistrer()”Méthode pour afficher l'index à l'écran:

console.log ("index:" + animalIndex);

Affichez le tableau résultant sur la console:

console.Log (AnimalObj [AnimalIndex]);

Méthode 3: Trouvez un objet par ID dans un tableau à l'aide de la méthode JavaScript «filter ()»

Tout d'abord, déclarez une constante et attribuez-lui une valeur:

const id = '101';

Vous pouvez également utiliser la méthode filtre () pour trouver l'objet. À cette fin, stockez les éléments dans un tableau et appelez le «filtre()”Méthode pour invoquer une fonction de rappel et vérifier l'ID:

var animal = animauxobj.filtre (animal => animal.id === id);
console.Log (AnimalObj [AnimalIndex]);

Vous avez appris plusieurs méthodes pour trouver un objet par ID dans un tableau d'objets JavaScript.

Conclusion

Pour trouver un objet par ID dans un tableau de JavaScript, il existe différentes méthodes, notamment «trouver()","filtre", et "findIndex ()"Qui peut être utilisé. Pour ce faire, ajoutez l'élément dans un tableau et appelez la méthode avec une fonction de rappel et vérifiez l'ID de l'objet. Ce message a indiqué différentes méthodes pour trouver un objet par ID dans un tableau d'objets JavaScript.