Trouver un objet par ID ou une autre propriété dans un tableau d'objets JavaScript est quelque chose que nous devons faire beaucoup dans notre code JavaScript.

Dans cet article, nous verrons comment trouver un objet par ID dans un tableau d'objets JavaScript dans notre code.

Array.prototype.find

Les tableaux JavaScript sont livrés avec la findméthode pour nous permettre de trouver un objet dans un tableau avec la condition que nous spécifions dans le rappel et de renvoyer la première instance de l'objet qui remplit la condition.

Si l'objet avec la condition donnée n'est pas trouvé, alors il retourne undefined.

Par exemple, nous pouvons écrire :

const arr = [{
  id: 1,
  foo: 'bar'
}, {
  id: 2,
  foo: 'bar'
}]
const obj = arr.find(x => x.id === 2)
console.log(obj)

Ensuite, nous appelons la findméthode avec un rappel qui renvoie la condition avec l'objet que nous recherchons.

Le xparamètre est l'objet qui est parcouru pour trouver l'objet.

Par conséquent, objest :

{id: 2, foo: "bar"}

La findIndexméthode nous permet de trouver l'élément qui correspond à la condition donnée, mais elle renvoie l'index de la première instance de l'élément qui remplit la condition au lieu de renvoyer l'objet entier.

Par exemple, nous pouvons écrire :

const arr = [{
  id: 1,
  foo: 'bar'
}, {
  id: 2,
  foo: 'bar'
}]
const index = arr.findIndex(x => x.id === 2)
console.log(index)

{id: 2, foo: "bar"}

La filterméthode nous permet également de trouver des entrées de tableau qui répondent à la condition donnée.

Il renvoie un tableau avec tous les éléments qui remplissent la condition donnée.

Par exemple, nous pouvons écrire :

const arr = [{
  id: 1,
  foo: 'bar'
}, {
  id: 2,
  foo: 'bar'
}]
const results = arr.filter(x => x.id === 2)

Alors on obtient :

[
  {
    "id": 2,
    "foo": "bar"
  }
]

const arr = [{
  id: 1,
  foo: 'bar'
}, {
  id: 2,
  foo: 'bar'
}]
const results = arr.filter(x => x.id === 2)
console.log(results[0])

{
  "id": 2,
  "foo": "bar"
}

const arr = [{
  id: 1,
  foo: 'bar'
}, {
  id: 2,
  foo: 'bar'
}]
const [result] = arr.filter(x => x.id === 2)

Conclusion

Nous pouvons utiliser des méthodes natives de tableau JavaScript pour trouver un objet par ID dans notre code.

Plus de contenu sur plainenglish.io