ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript - tuple type
    Front-end/Typesrcipt 2023. 4. 18. 20:37
    728x90
    반응형

    Typescript tuple type

    Typescript tuple type 이란 고정된 길이의 배열 각 인덱스 요소마다 타입을 고정적으로 적용하는 타입이다.

    // 0번째 index에 string 타입, 1번째 index에 number 타입
    let Dog: [string, number?] = ['bomi', 7];	
    
    //	?를 사용하여 들어올 값이 들어오지 않을 수 있다.
    let Dog2: [string, number?] = ['bomi'];	
    
    //	?는 항상 맨 마지막에 붙여서 사용해야한다.
    let Dog3: [string, number?, boolean] = ['bomi', 7];	// 가운데에 ? 를 사용하면 안된다.

    타입뒤에 ? 를 사용하여 값이 들어가거나 값이 들어가지 않을 수 있음을 나타낸다.

    ?를 사용할땐 항상 맨 뒤의 요소에 붙여서 사용해야 한다.

     

     

     

     

     

     

    함수에 tuple type을 사용할 수 있다.

    function func(...x: [number, string]) {	// rest parameter 속에 tuple 타입을 사용할 수 있다.
        console.log(x);
    }
    
    func(1, '3');

     

     

     

    반응형

     

     

     

    rest parameter 뿐만아니라 spread 문법에도 tuple type이 가능하다.

    let arr = [3, 2, 1];
    
    // ...을 사용하여 arr의 타입을 선언할 수 있다.
    let arr2: [number, number, ...number[]] = [10, 11, ...arr];	//	spread 를 사용하여 arr 삽입
    728x90
    반응형

    'Front-end > Typesrcipt' 카테고리의 다른 글

    Typescript - d.ts  (0) 2023.04.18
    Typescript - declare  (0) 2023.04.18
    Typescript - generics  (0) 2023.04.18
    Typescript - import & export & namespace  (0) 2023.04.18
    Typescript - protected & static  (0) 2023.04.18
Designed by Tistory.