JavaScript에서 id로 요소 가져오기

배열에서 id로 요소를 가져와야 할 수도 있습니다. 어떻게 하는지 살펴봅시다.

변수 arr에 객체 배열이 있다고 가정해 봅시다:

let 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가 변수에 저장되어 있다고 가정해 봅시다:

let id = 'IWSpfBPSV3SXgRF87uO74';

해당 id를 가진 요소를 가져와 봅시다. 이를 위해 find 메서드를 사용합니다:

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

코드를 줄일 수 있습니다:

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