filter() 메서드

오늘은 filter 메서드에 대해 알아보자.

 

filter

filter 메서드는 JavaScript에서 배열의 각 요소를 검사하여 주어진 조건을 만족하는 요소만을 새로운 배열로 반환하는 메서드이다. 이 메서드는 원본 배열을 변경하지 않고, 조건에 맞는 요소로만 구성된 새로운 배열을 반환한다.

 

짝수 필터링

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

const evenNumbers = numbers.filter(number => number % 2 === 0);

console.log(evenNumbers); // [2, 4, 6]

 

특정 문자열 포함 필터링

다음 예시는 배열에서 특정 문자열을 포함하는 요소만 필터링하는 방법을 보여준다.

const words = ["apple", "banana", "cherry", "date"];

const wordsWithA = words.filter(word => word.includes('a'));

console.log(wordsWithA); // ["apple", "banana", "date"]

word.includes('a') - 각각의 문자열에 a가 포함되어 있는지 검사

 

객체 배열에서 조건에 맞는 객체 필터링

다음 예시는 객체 배열에서 특정 조건에 맞는 객체만 필터링하는 방법을 보여준다.

const people = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 }
];

const youngPeople = people.filter(person => person.age < 30);

console.log(youngPeople); // [{ name: "Alice", age: 25 }]

 

이 예시들처럼 filter 메서드는 다양한 조건에 맞춰 배열의 요소를 필터링하는 데 유용하다.