데이터 필터링은 많은 프로그래밍 시나리오에서 중요한 역할을 합니다. TypeScript에서는 여러가지 방법으로 조건에 따라 데이터를 필터링할 수 있습니다. 이 글에서는 배열 데이터를 조건에 따라 필터링하는 방법에 대해 알아보도록 하겠습니다.

배열 데이터 필터링

TypeScript에서 배열 데이터를 조건에 따라 필터링하는 가장 간단한 방법은 filter 메서드를 활용하는 것입니다.

const numbers: number[] = [1, 2, 3, 4, 5];

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

위 코드에서는 numbers 배열에서 짝수인 숫자만을 필터링하여 evenNumbers 배열에 저장한 후, 콘솔에 출력하는 예제입니다.

객체 배열 필터링

객체 배열을 필터링할 때는 filter 메서드와 함께 조건을 지정하여 사용할 수 있습니다.

interface Product {
  id: number;
  name: string;
  price: number;
}

const products: Product[] = [
  { id: 1, name: 'Keyboard', price: 100 },
  { id: 2, name: 'Mouse', price: 50 },
  { id: 3, name: 'Monitor', price: 200 }
];

const affordableProducts = products.filter(product => product.price < 150);
console.log(affordableProducts);  
// [ { id: 1, name: 'Keyboard', price: 100 }, { id: 2, name: 'Mouse', price: 50 } ]

위 코드에서는 products 배열을 price 속성을 기준으로 필터링하여 affordableProducts 배열에 저장한 후, 콘솔에 출력하는 예제입니다.

결론

TypeScript에서는 filter 메서드를 활용하여 배열 데이터를 간단하게 필터링할 수 있습니다. 다양한 조건을 적용하여 배열을 필터링함으로써 데이터를 효율적으로 다룰 수 있습니다.

이상으로 TypeScript를 활용한 데이터 필터링 방법에 대해 알아보았습니다.

관련 레퍼런스: MDN Web Docs - Array.prototype.filter()