배열 데이터를 필터링하고 원하는 조건을 만족하는 요소만을 담은 새로운 배열을 생성하기 위해서 JavaScript의 filter() 메소드를 사용할 수 있습니다. filter() 메소드는 주어진 함수의 반환값이 참인 요소만으로 이루어진 새로운 배열을 생성합니다.

filter() 메소드의 기본 구조

let newArray = array.filter(callback(element, index, array) {
  // 필터링 로직
  return 조건;
});

• array: 필터링할 배열
• callback: 각 요소에 대해 실행할 함수
• element: 현재 처리 중인 요소
• index: 현재 처리 중인 요소의 인덱스
• array: filter() 메소드가 호출된 배열

예제

다음은 숫자가 담긴 배열에서 짝수만을 필터링하여 새로운 배열을 생성하는 예제입니다.

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4, 6, 8, 10]

위의 예제에서 filter() 메소드는 num % 2 === 0 조건을 만족하는 요소만을 가진 새로운 배열을 반환합니다.

이와 같이 filter() 메소드는 배열을 필터링하여 다양한 조건을 만족하는 요소들로 이루어진 새로운 배열을 손쉽게 생성할 수 있습니다.

결론

filter() 메소드는 배열의 요소를 필터링하여 새로운 배열을 만드는 데에 유용한 JavaScript의 메소드입니다. 필요에 따라 사용자 정의 콜백 함수를 정의하여 다양한 조건에 맞는 요소들을 선택할 수 있습니다.

자세한 내용은 MDN Web Docs의 Array.prototype.filter()를 참조하세요.