JavaScript에서 id로 요소 가져오기

배열에서 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);