[JavaScript] 배열 내 조건을 만족하는 원소 찾기(filter 함수)

💡 목표

JavaScript에서 배열 내 조건을 만족하는 원소를 찾는 filter 함수의 활용법에 대해 학습한다.

함수 원형(기본)

배열.filter(콜백함수(값, 인덱스, 배열 자신));

 

filter 함수는 전달인자가 배열 내 원소 값, 인덱스, 배열 자신인 콜백함수를 받는 함수로,

특정 조건을 만족하는 원소만 반환하는 함수입니다.

예제1

let arr1 = [1, 30, 39, 29, 10, 13];
function filterFunction1(value){
    return value < 30;
};
let arrFiltered = arr1.filter(filterFunction1);
console.log(arrFiltered);

filter 함수를 활용하여 30보다 작은 원소만 선택할 수 있습니다.

실행 결과1

[ 1, 29, 10, 13 ]

 

예제2

let arr2 = ['tiger', 'lion', 'dog', 'cat'];
let arrFiltered2 = arr2.filter((value) => value.length >=4);
console.log(arrFiltered2);

배열 내 4글자 이상인 원소만 찾는 예제입니다.

람다 함수를 활용하였으며 리턴 문법을 생략하여 중괄호 역시 생략함으로써 코드를 간결하게 작성하였습니다.

 

실행 결과2

[ 'tiger', 'lion' ]

---

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 행복한 하루 보내시길 바랍니다.

고맙습니다 :)