Trouvez une valeur dans un tableau d'objets en javascript

Trouvez une valeur dans un tableau d'objets en javascript
Parfois, les développeurs doivent rechercher un élément de données spécifique dans un tableau d'objets basés sur une certaine valeur ou une certaine propriété, mettre à jour ou en supprimer des données, etc. Pour trouver la valeur spécifique dans un tableau d'objets, utilisez les méthodes intégrées JavaScript appelées «trouver()«Méthode ou le«findIndex ()”Méthode pour obtenir l'index de la valeur spécifique.

Cet article démontrera la procédure pour trouver / déterminer la valeur dans un tableau d'objets en JavaScript.

Comment trouver / déterminer une valeur dans un tableau d'objets en javascript?

Pour trouver une valeur / élément dans un tableau d'objets, utilisez les méthodes suivantes:

  • "Déployer.trouver()" méthode
  • "Déployer.findIndex ()" méthode
  • "pour" boucle

Méthode 1: trouver / déterminer une valeur dans un tableau d'objets en utilisant «Array.Find () ”Méthode

Pour trouver / déterminer la valeur / l'élément dans un tableau d'objets, utilisez le «Déployer.trouver()" méthode. La méthode find () donne le 1er élément du tableau qui satisfait / remplissez la fonction spécifiée.

Syntaxe

Utilisez la syntaxe donnée pour la méthode find ():

trouver ((élément) =>
//
)

Cette méthode accepte une fonction de rappel comme un paramètre, qui est appelé à chaque élément du tableau. Cette fonction de rappel doit donner une valeur booléenne qui indique si l'élément actuel satisfait la condition.

Exemple

Créez un tableau d'objets appelés «informations utilisateur«Cela stocke les informations de l'utilisateur en tant qu'objet:

var userInfo = [

Nom: "Mari",
Âge: 25,
Désignation: 'HR'
,

Firstname: "Emma",
Âge: 20,
désignation: «comptes»
,

Firstname: "Mia",
Âge: 28,
Désignation: 'Admin'

]]

Appeler le "trouver()«Méthode pour obtenir l'objet utilisateur dont la désignation est«HEURE»:

var valeurfound = userInfo.trouver (obj => obj.désignation === 'hr');

Imprimez le résultat sur la console:

console.Log (valeur-Found);

Il convient de noter que la méthode find () ne renvoie que le premier élément qui satisfait les conditions uniques ou multiples:

On peut observer que la méthode find () recherche avec succès dans le tableau et finir l'objet utilisateur qui a la désignation correspondante.

Méthode 2: Trouver / déterminer une valeur dans un tableau d'objets en utilisant «Array.FindIndex () ”Méthode

Utilisez le "findIndex ()«Méthode, qui permet également de trouver la valeur dans un tableau d'objets. Contrairement à la méthode find (), findIndex () sortit l'index du premier élément qui remplit une condition spécifiée plutôt que l'élément lui-même. Si aucun élément n'est trouvé / existe, il revient -1.

Syntaxe

Suivez la syntaxe donnée pour la méthode FindIndex ():

findIndex ((élément) =>
//
)

Cette méthode accepte également une fonction de rappel comme paramètre.

Exemple

Appelez la méthode FindIndex () pour trouver l'objet utilisateur à partir du «informations utilisateur«Array dont la désignation est«Comptes". Il renverra l'index du premier élément dont la désignation est équivalente aux comptes:

var valeurIndex = userInfo.findIndex (obj => obj.désignation === «comptes»);

Vérifiez l'index renvoyé, s'il n'est pas égal à -1, puis imprimez la valeur de cet index sur la console:

if (valueIndex !== -1)
console.log (userInfo [valueIndex]);

Sortir

Méthode 3: Trouver / déterminer une valeur dans un tableau d'objets en utilisant la boucle «pour»

Le moyen le plus utilisé pour obtenir n'importe quelle valeur à partir d'un tableau, d'un objet ou d'un tableau d'objets, utilisez le «pour" boucle. Il itère dans le tableau et, dans la boucle, utilise une instruction IF pour vérifier si l'élément actuel remplit la condition. Une fois l'élément trouvé, arrêtez la boucle en utilisant le «casser" déclaration.

Syntaxe

Pour utiliser le "pour”LOOP, utilisez la syntaxe fournie:

pour (var i = 0; i< array.length; i++)
//…

Exemple

Tout d'abord, définissez la valeur -1 sur la variable "Value Found», Qui sera mis à jour à l'index qui satisfait la condition:

var valeurfound = -1;

Itérer le tableau jusqu'à sa longueur et identifier l'objet dont l'âge est égal à «28". Si l'objet est trouvé, mettez à jour l'index de la variable "Value Found»Et arrêtez la boucle:

pour (var i = 0; i< userInfo.length; i++)
if (userInfo [i].Âge == '28')
ValueFound = i;
casser;

Enfin, imprimez l'objet sur la console en utilisant le «console.enregistrer()" méthode:

console.log (userInfo [ValueFound]);

Comme vous pouvez le voir que l'objet dont l'âge a 28 ans a été imprimé sur la console:

Il s'agit de trouver la valeur dans un tableau d'objets en javascript.

Conclusion

Pour trouver la valeur / élément dans un tableau d'objets, utilisez le «utilisez le«Déployer.trouver()" méthode, "Déployer.findIndex ()«Méthode, ou le«pour" boucle. La méthode find () ne renvoie que le premier élément qui satisfait la condition, tandis que la méthode findIndex () donne l'indice des premiers éléments qui remplissent la condition spécifiée. Cet article a démontré la procédure pour trouver la valeur dans un tableau JavaScript d'objets.