filter 함수 사용해서 데이터 찾기

filter 함수를 이용하여 배열안에 객체를 끄집어내어 보자.

데이터

먼저 objData라는 배열을 하나 만들어주었다. 사용할 데이터이다.

바로 데이터에 filter함수를 적용시켜보면 배열요소를 하나하나씩 돌면서 콜백함수안에있는 코드를 실행한다.

첫번째요소 : element(요소)는 배열안에있는 하나의 요소를 출력한다.

두번째요소 : index(0부터~array.length) 0부터 숫자를 출력한다.

 

잘 출력되는걸 볼 수 있다.  

이제 여기서 return을 사용하여 데이터를 뽑아보자.

 

먼저 이름이 ari인 데이터만 뽑아보자. 

filter된 데이터는 newData라는 변수에 담아준다. objData가 array형태이기때문에 newData또한 array형태이다.

return에서 조건문을 달아주는데 조건이 true라면 해당요소가 newData안에 차곡차곡 쌓인다. 

위 코드의 결과물

name이 ari인 데이터가 잘 담겨졌다. 

 

다음은 age가 20살 이하인 데이터만 뽑아보겠다.

 

return조건에 20 >= element.age를 달아주었다. 그럼 age가 20살 이하가되는 데이터만 true를 리턴하여 newData에 차곡차곡 쌓일것이다. 

 

이렇게 간단하게 filter함수를 알아보았다. 이함수는 굉장히 자주쓰이는거 같다.