230726 개발일지 TIL - 배열 메소드 find()를 활용한 데이터 검색

배열 메소드 find()를 활용한 데이터 검색

배열 안에서 특정 조건을 만족하는 데이터를 찾아야 할 때 find()를 활용하면 원하는 데이터를 검색할 수 있다.

find() 메소드

find()는 배열 메소드 중 하나로, 배열의 각 요소를 순회하면서 콜백 함수를 실행하여 주어진 조건에 맞는 첫 번째 요소를 찾는다. 만약 조건에 맞는 요소가 없다면 undefined를 반환한다.

find() 메소드를 사용하는 이유

• 간결함: find()를 사용하면 한 줄의 코드로 데이터를 검색할 수 있다. 간단한 조건 검사에 유용함.
• 속도: find()는 조건에 맞는 데이터를 찾으면 즉시 탐색을 중단하므로, 배열이 큰 경우 불필요한 순회를 줄여서 검색 속도를 높인다.
• 조건 설정: find()의 콜백 함수를 사용하여 자유롭게 조건을 설정할 수 있다. 원하는 속성에 대한 검색을 자유롭게 구현할 수 있다.

data.id === Number(id)

data 배열의 각 요소들 중에서 id 속성이 Number(id)와 일치하는 첫 번째 요소를 찾는다. Number(id)는 변수 id를 숫자로 변환한 것을 의미한다.

const data = datas.find((data) => data.id === Number(id));

datas는 배열이며, data라는 변수에는 주어진 조건에 맞는 데이터가 할당된다. 여기서 id는 변수로, 해당 변수를 숫자로 변환한 Number(id)와 각 데이터의 id 속성을 비교하여 일치하는 첫 번째 데이터를 찾는다.

주의 사항
find() 메소드는 조건에 맞는 첫 번째 요소만 반환하므로, 조건에 맞는 모든 요소를 찾고 싶다면 filter() 메소드를 사용해야 한다.