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
'html,css,js' 카테고리의 다른 글
[자바스크립트] 이벤트 루프? setTimeout(콜백, 0)을 쓰라구요? (0) | 2023.08.11 |
---|---|
[javascript] input에서 입력값 유무는 trim().length 로 확인하자 (0) | 2023.06.26 |
[타입스크립트] ts 시작하기, 필수 문법 정리 (1) | 2023.06.19 |
[html] 배열 filter 메서드 필터 사용법 (0) | 2023.05.30 |
[html, css, js] 앞으로 덮어쓰는 캐러셀 슬라이더 만들기 (feat. z-index) (0) | 2023.05.25 |