html,css,js

[타입스크립트] 제네릭 Generics

코복이 2023. 6. 19. 14:24
728x90

 

제네릭: 어떤 타입이 올 지 모르거나 다양한 타입이 필요한 경우, 실행하는 쪽에서 타입을 고르도록 함.

 

// 이렇게 하나하나 적지 않고
function getSize1 (arr: number[] | boolean[] | string[] | object[]) {
    return arr.length;
}
 
// 실행하는 쪽에서 타입을 결정하게 함. <T>에 다른 대문자 써도 됨
function getSize2<T>(arr: T[]){
    return arr.length;
}

const arr1 = [1,2,3]
getSize2<number>(arr1)

const arr2 = ["a","b","c"]
getSize2<string>(arr2)

const arr3 = [{name:"cole", age: 23},{name:"jane", age: 50}]
getSize2<object>(arr3)

 

728x90