Een element op id ophalen in JavaScript

Het kan nodig zijn om een element uit een array op zijn id te krijgen. Laten we kijken hoe dat wordt gedaan.

Stel dat in de variabele arr een array van objecten ligt:

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',
  },
];

Stel dat de id van het element in een variabele is opgeslagen:

javascriptlet id = 'IWSpfBPSV3SXgRF87uO74';

Laten we het element met zo'n id ophalen. We gebruiken hiervoor de methode find:

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

De code kan worden ingekort:

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