[typescript] 배열의 요소 필터링하기
배열에서 특정 조건을 만족하는 요소만 선택하고 싶을 때, TypeScript의 배열 메서드를 사용하여 간단하게 요소를 필터링할 수 있습니다. 이 글에서는 filter 메서드를 사용하여 배열을 필터링하는 방법을 알아보겠습니다.
filter 메서드란?
filter 메서드는 주어진 함수의 조건을 만족하는 요소로 이루어진 새로운 배열을 반환합니다. 이 메서드는 배열 내의 각 요소에 대해 주어진 함수를 호출하고, 그 함수가 true를 반환하는 요소들만 새 배열에 포함시킵니다.
예를 들어, 다음은 숫자 배열에서 짝수만을 필터링하는 간단한 예제입니다.
const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4, 6]
사용 예제
문자열 배열에서 특정 길이 이상의 요소 필터링하기
아래 코드는 문자열 배열에서 길이가 3 이상인 요소들만을 필터링하여 새 배열을 생성하는 예제입니다.
const words = ["apple", "banana", "grape", "kiwi"];
const longWords = words.filter(word => word.length >= 5);
console.log(longWords); // ["banana", "grape"]
객체 배열에서 조건에 맞는 요소 필터링하기
다음 예제는 객체 배열에서 특정 조건을 만족하는 요소들만을 필터링하여 새 배열을 생성하는 방법을 보여줍니다.
interface Product {
id: number;
name: string;
price: number;
}
const products: Product[] = [
{ id: 1, name: "Laptop", price: 1000 },
{ id: 2, name: "Mouse", price: 30 },
{ id: 3, name: "Keyboard", price: 80 },
{ id: 4, name: "Monitor", price: 300 }
];
const affordableProducts = products.filter(product => product.price < 100);
console.log(affordableProducts);
// [ { id: 2, name: 'Mouse', price: 30 }, { id: 3, name: 'Keyboard', price: 80 } ]
이와 같이 filter 메서드를 사용하면 배열을 간편하게 필터링할 수 있으며, TypeScript의 강력한 타입 시스템과 함께 사용하면 안전하고 가독성 있는 코드를 작성할 수 있습니다.
filter 메서드에 대한 자세한 정보는 TypeScript 공식 문서를 참고하세요.