Λήψη στοιχείου με βάση το id στο JavaScript

Μπορεί να χρειαστεί να λάβετε ένα στοιχείο πίνακα με βάση το id του. Ας δούμε πώς γίνεται αυτό.

Ας υποθέσουμε ότι στη μεταβλητή arr υπάρχει ένας πίνακας αντικειμένων:

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

Ας υποθέσουμε ότι το id του στοιχείου αποθηκεύεται στη μεταβλητή:

javascriptlet id = 'IWSpfBPSV3SXgRF87uO74';

Ας λάβουμε το στοιχείο με αυτό το id. Θα χρησιμοποιήσουμε για αυτό τη μέθοδο find:

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

Ο κώδικας μπορεί να συντομευτεί:

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