Obtenir un élément par id en JavaScript

Vous pourriez avoir besoin d'obtenir un élément d'un tableau par son id. Voyons comment procéder.

Supposons que la variable arr contienne un tableau d'objets :

javascriptlet arr = [
  {
    id: 'GYi9GauC4gBF1e2SixDvu',
    prop1: 'value11',
    prop2: 'value12',
    prop3: 'value13',
  },
  {
    id: 'IWSpfBPSV3SXgRF87uO74',
    prop1: 'value21',
    prop2: 'value22',
    prop3: 'value23',
  },
  {
    id: 'JAmjRlfQT8rLTm5tG2m1L',
    prop1: 'value31',
    prop2: 'value32',
    prop3: 'value33',
  },
];

Supposons que l'id de l'élément soit stocké dans la variable :

javascriptlet id = 'IWSpfBPSV3SXgRF87uO74';

Récupérons l'élément avec cet id. Utilisons pour cela la méthode find :

javascriptlet res = arr.find(elem => {
  if (elem.id === id) {
    return true;
  } else {
    return false;
  }
});

Le code peut être raccourci :

javascriptlet res = arr.find(elem => elem.id === id);