자바스크립트 기본 문법 – 배열 – 배열 메서드 – 2 – filter
소제목: 배열 필터링을 위한 filter 메서드
배열은 자바스크립트에서 데이터를 저장하고 관리하는 유용한 자료구조입니다. 배열을 다룰 때 종종 특정 조건을 만족하는 요소들만 걸러내고 싶을 때가 있습니다. 이때 사용되는 배열 메서드 중 하나가 filter입니다. filter 메서드는 배열에서 주어진 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환합니다.
예를 들어, 다음과 같은 배열이 있다고 가정해봅시다:
const numbers = [1, 2, 3, 4, 5];이 배열에서 짝수만 걸러내고 싶다면, filter 메서드를 활용할 수 있습니다. 다음과 같이 사용할 수 있습니다:
const evenNumbers = numbers.filter((number) => number % 2 === 0);이제 evenNumbers 배열은 [2, 4]로, 원래 배열에서 짝수인 요소들로만 구성되어 있습니다.
이런 식으로 filter 메서드는 배열에서 원하는 조건을 적용하여 해당하는 요소들을 필터링할 수 있습니다. 비유적으로 이야기하자면, filter 메서드는 주어진 배열에서 조건에 맞는 요소들만 걸러내어 새로운 배열로 취사선택하는 일종의 필터 역할을 수행합니다.
주의해야 할 점
filter메서드의 콜백 함수는 주어진 배열의 모든 요소에 대해 실행됩니다. 따라서 콜백 함수 내에서 작성한 조건문을 잘 확인해야 합니다. 콜백 함수의 반환 값이true인 요소들만 새로운 배열에 포함됩니다.filter메서드는 원본 배열을 변경하지 않고 새로운 배열을 반환합니다. 따라서 필터링된 결과를 원본 배열에 저장하려면 새로운 변수에 할당해야 합니다.- 콜백 함수 내에서
filter메서드가 호출된 배열의 요소를 수정하더라도, 반환된 배열에는 수정된 요소가 반영되지 않습니다.filter메서드는 새로운 배열을 생성하므로 원본 배열과는 독립적으로 동작합니다.
이제 filter 메서드를 활용하여 배열을 필터링하는 방법에 대해 이해하셨을 것입니다. 다양한 조건에 따라 배열을 필터링하여 필요한 데이터를 추출하는 작업에 filter 메서드는 매우 유용하게 사용될 수 있습니다.