자바스크립트에서는 배열을 순회하고 원하는 요소만 필터링하기 위해 filter 메서드를 제공합니다. filter 메서드는 주어진 조건에 맞는 요소들로 이루어진 새로운 배열을 반환합니다.

문법

배열.filter((요소) => {
    // 조건을 만족하는 요소만 필터링
});

filter 메서드는 콜백 함수를 인자로 받습니다. 이 콜백 함수는 배열의 각 요소마다 호출되며, 각 요소를 첫 번째 인자로 받습니다. 콜백 함수는 조건을 반환하는 불리언 값을 반환해야 합니다.

예제

다음은 숫자로 이루어진 배열에서 짝수만 필터링하는 예제입니다.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

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

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

이 예제에서는 filter 메서드를 사용하여 numbers 배열에서 짝수만 필터링했습니다. number % 2 === 0 조건은 numbers 배열의 각 요소가 짝수인지 검사합니다. 조건을 만족하는 요소들로 이루어진 새로운 배열인 evenNumbers를 만들고 출력합니다.

유용한 팁

• filter 메서드는 원본 배열을 변경하지 않고 새로운 배열을 반환하기 때문에, 원본 배열을 보존하면서 필터링을 할 수 있습니다.
• 조건을 충족하는 요소들의 인덱스를 알고 싶다면 filter 메서드 대신 forEach 메서드를 사용하여 인덱스에 접근할 수 있습니다.

결론

filter 메서드는 자바스크립트에서 배열을 순회하고 조건에 맞는 요소들을 필터링하기 위한 강력한 메서드입니다. 콜백 함수를 사용하여 조건을 정의하고, 새로운 배열을 반환하여 필요한 작업을 수행할 수 있습니다.