자바스크립트 Filter 메소드: 배열에서 원하는 값만 걸러내기

자바스크립트의 배열에는 Filter 메소드를 사용하여 특정 조건에 맞는 값을 걸러낼 수 있습니다. 이 메소드를 사용하면 복잡한 반복문을 작성하지 않아도 간편하게 데이터를 필터링할 수 있습니다.

Filter 메소드의 기본 구성

const filteredArray = array.filter(callback(element, index, array), thisArg);

Filter 메소드는 우선 콜백 함수를 정의해야 합니다. 이 함수는 배열의 각 요소마다 실행되며, 인자로 배열 요소, 인덱스, 배열 전체를 순서대로 받습니다. 이 함수는 true 또는 false 값을 반환해야 하며, true를 반환하는 요소만 모아 새로운 배열을 만듭니다.

Filter 메소드는 두 번째 인자로 thisArg를 전달할 수도 있습니다. 이 인자는 콜백 함수 내에서 this 키워드가 참조할 객체를 지정할 때 사용합니다.

Filter 메소드 예시

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // [2, 4]

위 코드는 numbers 배열에서 짝수만 걸러내어 evenNumbers 배열에 저장합니다. 배열의 각 요소에 대해 number % 2 === 0 조건식이 true라면, 해당 요소는 새로운 배열에 포함됩니다. 이런 식으로 조건에 맞는 요소만 걸러내어 별도의 배열로 만들 수 있습니다.

자바스크립트 Filter의 활용

Filter 메소드는 데이터를 효율적으로 처리할 수 있게 도와줍니다. 예를 들어, 주문 목록에서 특정 조건에 맞는 주문만을 골라서 처리하거나, 로그 데이터에서 특정 기간의 데이터만을 추출하는 데에도 유용합니다.

자바스크립트 Filter 메소드를 사용하면 불필요한 데이터를 제거하기 쉬워지므로, 효율적인 코드 작성에 도움이 되는 메소드입니다.

자바스크립트 Filter를 사용하여 배열에서 원하는 값만 걸러내기