[TypeScript(TS)] - Tuple 타입이란? 간단하고 쉽게 이해하기 (예제코드)

🧹 간단 정리

Tuple 타입은 TypeScript에서만 지원하는 데이터 타입이다.

Tuple 타입은 배열의 값과 길이를 고정하는 것이라고 생각하면 쉽다!

 

ex) > let person: [string, number, boolean];

설명 : 길이 3, [문자열, 숫자, 참 거짓]만 올 수 있는 person변수 선언완료!

 

(자세한 내용은 아래참고)

---

🙋🏻‍♂️ Tuple 타입 소개

Tuple 타입은 배열의 확장된 형태로, 고정된 길이와 서로 다른 타입의 요소를 갖는다.

각 인덱스에 해당하는 요소에 명시된 타입의 값이 저장되며, 데이터 구조를 명확하게 표현하는 데 사용된다.

 

 

👍🏻 Tuple 타입의 장점

Tuple 타입을 사용하면

1. 데이터의 구조와 타입을 동시에 정의하여 코드를 더 명확하게 표현할 수 있다.

2. 정해진 순서대로 각 요소의 타입이 지정되기 때문에 데이터의 의미를 파악하기 쉽다.

3. 코드의 가독성이 향상되고, 다른 개발자가 코드를 이해하고 유지보수에 도움이 된다.

 

🚨Tuple 타입 사용 시 주의사항

하지만 튜플을 남용하면 코드의 가독성이 저하될 수 있으므로 주의가 필요하다.

1. 튜플은 각 요소의 위치를 기억해야 하기 때문에, 요소의 순서를 혼동할 가능성이 있다.

2. 튜플을 남용하면 오히려 가독성을 떨어뜨릴 수 있는 복잡한 형태를 가질 수 있다.

 

 

따라서 데이터 구조를 정의할 때는 튜플 대신 인터페이스나 타입 별칭을 고려하는 것이 좋다.

인터페이스와 타입 별칭은 더 의미 있는 이름과 함께 타입을 정의하며, 코드 유지보수성을 높여준다.

---

🧑🏻‍💻 Tuple 타입 사용 예제

// Tuple 타입 선언
let person: [string, number, boolean];
person = ["John", 30, true];  // 올바른 형태의 값 할당
// person = [30, "John", true];  // 오류: 요소의 타입 순서가 맞지 않음

// 요소 접근
let name: string = person[0];
let age: number = person[1];
let isAdult: boolean = person[2];

// 요소 타입이 일치하지 않는 경우 오류 발생
// name = person[1];  // 오류: string 타입을 number 타입에 할당할 수 없음
        

 

😜 tuple의 발음

튜플? 터플? 투플? 뭘로 발음해야 할까? 3개 모두 허용되지만, 터플 발음을 권장한다고 한다!

tuple의 발음 문제를 참고하여 읽어보세요.

 

출처 : https://yamoo9.gitbook.io/typescript/types/tuple

tuple 타입 - TypeScript Guidebook

 

---

💁🏻‍♂️  결론

Tuple 타입은 배열의 확장된 형태로, 데이터 구조를 명확하게 표현하고 타입을 강제하는 데 유용하다.

적절하게 활용하면 코드의 가독성과 유지보수성을 높일 수 있다.