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

Comment Trouver Un Objet Par Id Dans Un Tableau D Objets Javascript



En 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 nécessaire. Pour résoudre ce problème, JavaScript fournit diverses méthodes pour trouver cet objet. Par exemple, vous pouvez trouver l'objet à l'aide de l'identifiant, du nom, des valeurs de clé et autres.

Ce message a indiqué la méthode pour trouver un identifiant 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, telles que ' trouver() ”, “ filtre ”, “ trouverIndex() , et d'autres.







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



Méthode 1 : Rechercher 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 ' constante ' mot-clé. Ensuite, ajoutez les éléments suivants dans le tableau :



constante arr = [
{
identifiant : 01 ,
nom : 'JavaScript'
} ,
{
identifiant : 02 ,
nom : 'Java'
} ,
{
identifiant : 03 ,
nom : 'HTML/CSS'
} ]

Invoquez le ' trouver() ' méthode avec la fonction de rappel où l'identifiant de l'objet est équivalent à ' 2 ” et stockez la valeur résultante dans la variable déclarée :





constante objet = arr. trouver ( obj => obj. identifiant === 02 ) ;

Utilisez le ' enregistrer() 'méthode et passer l'argument' objet ” pour imprimer la sortie sur la console.

console. enregistrer ( objet )



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

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

laisser les animauxObj = [ {
identifiant : '101' ,
nom : 'chat'
} ,
{
identifiant : '102' ,
nom : 'chien'
} ,
{
identifiant : '103' ,
nom : 'lapin'
} ] ;

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

constante identifiant = '103' ;

Maintenant, invoquez le ' trouverIndex() ” méthode le long d'une fonction de rappel et vérifiez l'id :

était animalIndex = animauxObj. trouverIndex ( animal => animal. identifiant === identifiant ) ;

Maintenant, passez l'index du tableau comme argument au ' enregistrer() ” méthode pour afficher l'index à l'écran :

console. enregistrer ( 'Indice : ' + animalIndex ) ;

Affichez le tableau résultant sur la console :

console. enregistrer ( animauxObj [ animalIndex ] ) ;

Méthode 3 : Rechercher 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 :

constante identifiant = '101' ;

Vous pouvez également utiliser la méthode filter() pour trouver l'objet. Pour cela, stockez les éléments dans un tableau et appelez le ' filtre() ” méthode pour invoquer une fonction de rappel et vérifier l'identifiant :

était animal = animauxObj. filtre ( animal => animal. identifiant === identifiant ) ;
console. enregistrer ( animauxObj [ animalIndex ] ) ;

Vous avez découvert plusieurs méthodes pour rechercher 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 ' trouverIndex() » 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. Cet article énonçait différentes méthodes pour rechercher un objet par ID dans un tableau d'objets JavaScript.