JavaScript 배열 메소드로 데이터 필터링하기 🧹

JavaScript에서 데이터를 다루는 일은 웹 개발의 중심입니다. 특히 배열과 함께 작업할 때, 우리는 종종 특정 조건에 맞는 요소만 선택해야 할 필요가 있습니다. 이번 포스트에서는 JavaScript의 배열 메소드 중 하나인 filter()를 사용하여 데이터를 쉽게 필터링하는 방법을 알아보겠습니다.

filter() 메소드란?

filter() 메소드는 배열의 각 요소에 대해 주어진 함수를 실행하고, 그 결과가 true를 반환하는 모든 요소로 새로운 배열을 만듭니다. 이 방법을 통해 원하는 데이터만 쉽게 추출할 수 있습니다.

예제: 나이에 따른 사용자 필터링

다음은 사용자의 나이를 기준으로 성인 사용자만 필터링하는 간단한 예제입니다.

const users = [
  { name: 'John', age: 23 },
  { name: 'Jane', age: 18 },
  { name: 'Bob', age: 30 },
  { name: 'Mary', age: 16 },
  { name: 'Steve', age: 25 },
];

const adults = users.filter(user => user.age >= 18);

console.log(adults);

이 코드는 나이가 18세 이상인 사용자만 새 배열 adults에 포함시킵니다. console.log(adults);를 실행하면 다음과 같은 결과를 얻을 수 있습니다.

[
  { name: 'John', age: 23 },
  { name: 'Bob', age: 30 },
  { name: 'Steve', age: 25 }
]

다양한 조건으로 필터링하기

filter() 메소드는 다양한 조건을 적용하여 매우 유연하게 데이터를 필터링할 수 있습니다. 예를 들어, 이름이 'J'로 시작하는 사용자만 선택하려면 다음과 같이 할 수 있습니다.

const usersWithNameJ = users.filter(user => user.name.startsWith('J'));

console.log(usersWithNameJ);

이 코드는 이름이 'J'로 시작하는 사용자만 새 배열 usersWithNameJ에 포함시킵니다. 결과는 다음과 같습니다.

[
  { name: 'John', age: 23 },
  { name: 'Jane', age: 18 }
]

결론

filter() 메소드는 JavaScript에서 데이터를 필터링하는 강력하고 유연한 방법을 제공합니다. 복잡한 데이터 집합에서 원하는 정보만 쉽게 추출할 수 있어, 웹 개발에서 매우 유용하게 사용됩니다. 이 메소드를 통해 데이터를 처리하는 능력을 한 단계 업그레이드해 보세요!