JavaScript와 함께 TypeScript를 사용하면 데이터를 필터링하고 원하는 결과를 얻는 여러 가지 방법을 활용할 수 있습니다. 이번 게시물에서는 반복문을 사용하여 데이터를 필터링하는 방법에 대해 살펴보겠습니다.

1. 배열 필터링

배열 필터링은 주어진 조건에 따라 배열의 요소를 필터링하는 것을 의미합니다. TypeScript에서는 filter 메서드를 사용하여 이 작업을 간단하게 수행할 수 있습니다.

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

위 예제에서 filter 메서드는 주어진 조건을 만족하는 배열의 요소를 새 배열에 담아 반환합니다.

2. 객체 배열 필터링

객체 배열에서도 동일한 개념을 적용할 수 있습니다. 주어진 조건에 따라 객체 배열을 필터링할 때는 filter 메서드와 함께 조건 함수를 사용하여 필터링할 수 있습니다.

interface Person {
    name: string;
    age: number;
}

const people: Person[] = [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: 30 },
    { name: 'Charlie', age: 20 },
    { name: 'David', age: 35 }
];

const over30 = people.filter(person => person.age > 30);
console.log(over30); // [{ name: 'Bob', age: 30 }, { name: 'David', age: 35 }]

위 예제에서 filter 메서드는 age 속성이 30보다 큰 객체를 새 배열에 담아 반환합니다.

요약

TypeScript에서는 filter 메서드를 사용하여 배열 또는 객체 배열을 필터링하는 것이 간단하고 효율적입니다. 반복문을 사용하여 원하는 조건에 따라 데이터를 쉽게 필터링할 수 있습니다.

이렇듯 TypeScript를 사용하여 반복문을 활용한 데이터 필터링은 다양한 상황에서 유용하게 활용될 수 있습니다.

참고: MDN Web Docs - Array.prototype.filter()