본문 바로가기
JavaScript/기초 및 알고리즘 함수

filter 함수 사용법

by tokkiC 2022. 8. 12.

자바스크립트내에는 요소들을 돌며 체크해서 조건에 맞는 것만 배열로 리턴시켜주는 filter라는 함수가 있다

요소를 돌아야 하므로 배열이나 문자열같은 반복자가 돌 수 있는 곳만 사용 가능하다

기본 형태는 다음과 같다

배열.filter(요소의 조건을 체크할 함수)     // 배열 외에 문자열 등도 가능

반드시 3개의 인자를 다 쓸 필요는 없으며 필요하면 1, 2, 3 개의 인자를 자유롭게 사용하면 된다

예를 들어

arr = '1, 2, 3, 4, 5';

라고 할때 이를 요소별로 나누고(split), 나눈 요소들이 조건에 맞는 것만 취하려고 할때(filter) 를 사용하면 된다

위의 arr 중에 3이상인 요소만 따로 배열 arr2로 받으려고 하면 // 앞 뒤 공백이 없으니 trim 은 생략하겠다

arr2 = arr.split(', ').filter((el) => el >= 3);
console.log(arr2)    // [ '3', '4', '5' ]

위와 같이 filter는 인자로 함수를 받아 해당 함수의 조건으 만족시키는 모든 요소를 모아 새 배열을 만들어준다

이건 좀 편리해보인다

그렇다고 크게 만족스럽지도 않네

댓글