타입스크립트 제네릭 배열 예제

타입스크립트( Typescript )에서 제네릭 배열( Generic Array )을 사용하면 배열 요소의 타입을 타입 매개변수 T를 이용하여 재사용 가능한 코드로 작성할 수 있다.

대표적인 표현 방법은 Array<T>와 T[]이다.

Array<number>는 숫자 배열이고,
Array<string>은 문자열 배열이다.

제네릭 함수( Generic Method )에서는 T[]를 매개변수나 반환 타입으로 사용하여 전달된 배열의 요소 타입을 유지할 수 있다.

⊙

Array<T>
T[]

⊙

const numberList: Array<number> = [10, 20, 30];
const stringList: Array<string> = ["Apple", "Banana", "Orange"];

console.log(numberList);
console.log(stringList);

⊙

Array<number>  → 숫자 배열
Array<string>  → 문자열 배열
Array<boolean> → 불리언 배열

⊙

function getArray<T>(items: T[]): T[] {
    return items;
}

const numbers = getArray<number>([1, 2, 3]);
const fruits = getArray<string>(["Apple", "Banana", "Orange"]);

console.log(numbers);
console.log(fruits);

⊙

function firstItem<T>(items: T[]): T | undefined {
    return items[0];
}

const firstNumber = firstItem([10, 20, 30]);
const firstText = firstItem(["A", "B", "C"]);

console.log(firstNumber);
console.log(firstText);

⊙

interface User {
    id: number;
    name: string;
}

function printArray<T>(items: T[]): void {
    items.forEach((item) => {
        console.log(item);
    });
}

const users: User[] = [
    { id: 1, name: "Kim" },
    { id: 2, name: "Lee" }
];

printArray<User>(users);

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???

⊙

???