Obtener elemento por id en JavaScript

Puede que necesites obtener un elemento del array por su id. Veamos cómo se hace.

Supongamos que en la variable arr hay un array de objetos:

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

Supongamos que el id del elemento se almacena en la variable:

javascriptlet id = 'IWSpfBPSV3SXgRF87uO74';

Obtengamos el elemento con ese id. Usemos para ello el método find:

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

El código se puede acortar:

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