Abrufen eines Elements anhand der ID in JavaScript

Sie müssen möglicherweise ein Element aus einem Array anhand seiner id abrufen. Sehen wir uns an, wie das gemacht wird.

Angenommen, in der Variable arr liegt ein Array von Objekten:

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

Angenommen, die id des Elements ist in der Variable gespeichert:

javascriptlet id = 'IWSpfBPSV3SXgRF87uO74';

Lassen Sie uns das Element mit dieser id abrufen. Verwenden wir dafür die Methode find:

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

Der Code kann verkürzt werden:

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