Typescript - 4. TypeScript의 Array와 Tuple

TypeScript에서 Array와 Tuple의 데이터 타입

 

TS는 JS의 타입을 확장하여 개발자에게 더 강력한 타입 검사와 편의성을 제공한다. 여기서는 TS에서 Array와 Tuple의 데이터 타입을 다루는 방법과 차이점에 대해 간략하게 다뤄보자!

 

1. Array 타입

TS에서 배열 타입을 선언하는 방법은 두 가지가 있다.

1) 타입 + [ ]

// 첫 번째 방법: 타입 + []
let arr1: number[] = [1, 2, 3];

2) Array<타입>

// 두 번째 방법: Array<타입>
let arr2: Array = [1, 2, 3];

 

두 가지 방법 모두 동일한 결과를 가져오며 개인의 취향에 따라 선택할 수 있다.

 

2. Tuple 타입

Tuple은 고정된 길이와 타입의 배열이다. 각 요소의 타입과 순서가 정해져 있다. JS는 없는 타입이며, TS에서만 제공된다.

let tuple: [string, number, boolean] = ['Hello', 42, true];

 

Array와 Tuple의 차이점

• Array는 길이가 가변적이며, 동일한 타입의 요소로 구성된다.
• Tuple은 길이가 고정되어 있으며, 각 요소의 타입이 정해져 있다. JavaScript에는 없는 데이터 타입이며, TypeScript에서만 사용할 수 있다.

 

Array와 Tuple 데이터 타입을 사용하여 TS에서 배열과 고정 길이 배열을 손쉽게 정의할 수 있다.

 

---

참고자료

생활코딩 - Typescript

https://opentutorials.org/course/5080

TypeScript - 생활코딩