한 입 크기로 잘라먹는 Ts - 배열과 튜플

한 입 크기로 잘라먹는 Ts - 배열과 튜플

배열과 튜플 선언

·

1 min read

이정환 님의 한 입 크기로 잘라먹는 타입스크립트 를 수강한 내용 입니다.

배열

배열 타입 정의 방법

배열을 저장하는 변수의 이름 뒤에 타입 주석의 시작을 의미하는

  • 콜론(:)을 작성한 다음 배열 요소 타입[] 형식으로 배열 타입을 정의합니다.

또한 Array<배열요소타입> 형태로도 배열의 타입을 정의할 수 있습니다.

  • 참고로 이렇게 꺽쇠와 함께 타입을 작성하는 문법을 타입스크립트에서는 ‘제네릭’ 이라고 부릅니다.

  • 제네릭에 대해서는 나중에 다룹니다.

1

요소들의 타입이 다양한 배열

소괄호바(|) 를 이용해 배열 요소가 둘 중 하나의 타입에 해당하도록 타입을 정의하면 됩니다.

  • 위와 같은 문법을 유니온(Union) 타입 이라고 부릅니다.

  • 유니온 타입에 대해서는 나중에 자세히 다룹니다.

2

다차원 배열 타입 정의

[] 를 연달아 작성해 다차원 배열 타입도 정의할 수 있습니다.

3

튜플

자바스크립트에는 없는 타입스크립트의 특수한 타입으로 길이와 타입이 고정된 배열을 의미합니다.

  • 튜플 타입을 이용하면 쉽게 고정된 길이를 갖는 배열 타입을 정의할 수 있습니다.

4

튜플도 결국 배열이다.

tsc를 이용해 튜플 타입이 정의된 타입스크립트 코드를 컴파일 해 보면

  • 결국 튜플은 자바스크립트 배열로 변환되는 것을 확인 할 수 있습니다.

  • 그러므로 배열 메서드인 push나 pop을 이용해 고정된 길이를 무시하고 요소를 추가하거나 삭제할 수 있습니다.

튜플을 사용하는 이유 ?

5