[09] Type Script Tuple type

HJ-C·2022년 4월 21일
0

TypeScript

목록 보기
9/9
post-thumbnail


Tuple

(1) Tuple

tuple type은 array에 붙일 수 있는 타입인데 자료의 위치까지 정확히 지정할 수 있는 타입

	let Dog : [string, boolean];
	Dog = ['리트리버',true]
  • 첫 자료는 무조건 string, 둘째 자료는 무조건 boolean만 허용

(2) Tuple rest parameter

	function Def(...x:[string,number]){
      console.log(x)
    }
Def('Kim',123)
Def('Kim',123,321) //error
Def('kim','choi') //error

(3) Tuple 옵션

	type Num = [number,number?,number?]; //가능
    type Num = [number,number?,number] // 불가능
  • 옵션기호는 뒤에만 붙일 수 있다

(4) Tuple spread 연산자

	let arr = [1,2,3];
	let arr2 : [number, number, ...number[]] = [4,5,...arr]

Tuple 활용 예제

  1. 파라미터 중 문자만 모아서 [] 에 담아주고, 숫자만 모아서 [] 에 담아주는 함수가 필요
  2. 함수('b', 5, 6) 이렇게 사용할 경우 이 자리에 [ ['b'], [5, 6] ] 이 return 되어야 함
	function Def(...rest:(string|number)[]){
      
      let res : [string[],number[]] = [[],[]]
      
      rest.forEach((a)=>{
      	if(typeof a === 'string'){
        	res[0].push(a)
        }else {
        	res[1].push(a)
        }
      })
      return res
    }
profile
생각을 기록하자

0개의 댓글

관련 채용 정보