[Javascript] Array.filter() 메소드

filter() 메소드란?

'filter()'메소드는 자바스크립트의 데이터타입 배열(Array)에 사용되는 내장 된 함수이다.

filter()메소드를 사용하면 배열 내 요소들을 필터링하여 새로운 배열을 생성하는 기능을 구현 할 수 있게 해준다.

 

동장방식은 아래와같다.

1. 'Array.filter()' 메소드의 콜백함수는 각 배열 요소에 대해 호출한다.

2. 각 요소는 조건 함수에서 'true'를 반환(return)하면 filter()를 통해 생성된 배열에 포함된다.

3. 반대로 조건 함수에서 'false'를 반환(return)하는 요소는 결과 배열에서 제외된다.

4. 최종적으로 필터링된 요소들로 이루어진 새로운 배열이 filter() 메소드를 통해 반환(return)된다.

 

예시 코드

 [1, -2, 3, -4, 5] 라는 배열(Array)을 numbers라는 변수명 안에 담아두고,

filter()메소드를 사용해 0보다 큰 수만을 필터링해서 새로운 배열을 생성하여 콘솔에 출력하고자한다.

const numbers = [1, -2, 3, -4, 5];

const numbersFilter = numbers.filter( (number) => {
	return number > 0;
});

console.log(numbersFilter);

//출력 결과: [1, 3, 5];

 

filter() 메소드의 최대 장점?

• filter() 메소드는 원본 배열을 변경하지않고 새로운 배열을 반환한다. 즉, 원본 배열은 그대로 유지가 되어 보존이 되기 때문에 기존 배열은 보존한 상태로 필터링된 결과만을 사용 할 수 있게 해준다.
• 원본 보존이라는 강점이 있기 때문에 데이터 처리를 하는데 있어 유용하게 사용 할 수 있는 매우 편리한 메소드이다.