본문 바로가기
React

[React] filter() 함수 설명과 예시

by dong_su 2023. 12. 15.

filter() 함수란?

  1. filter() 함수는 react 내장 함수가 아닌 자바스크립트 함수이다.
  2. Array 자료형에서만 사용 가능하고 결과값이 true인 값만 새로운 배열에 넣어서 반환해준다.

 

예시

var items = [1,2,3,4,5];
var filter_ex = items.filter(item => item <= 3);
console.log(filter_ex);

# [1,2,3] 출력

 

  • filter의 파라미터인 item에는 배열 items의 첫번째 요소부터 마지막 요소까지(1,2,3,4,5) 들어간다.
  • return 부분에는 조건식이 오고, 조건식에 true인 값만 새 배열에 넣어서 반환해준다.