Tuple

타입스크립트의 튜플의 정의는

A tuple is a typed array with a pre-defined length and types for each index.

라고 쓰여있는데,해석하면 길이와 각 인덱스의 타입이 정해진 배열이다. 배열의 확장된 형태로써 데이터의 구조를 명확하게 정의하고자 할때 사용된다.

const sampleVariable: [string, number, boolean] = ["test", 1, true];

길이, 각 인덱스 원소의 타입과 순서가 정해져 있기 때문에 구조화된 데이터의 표현에 적합하다. 예를 들어

type TUser = [string, string, number];

const sampleUser1: TUser = ["aug", "2005/09/22", 20];
const sampleUser2: TUser = ["aug2", "2004/09/22", 21];

예시와 같이 유저의 정보를 담아야 하는 변수라면 구조화된 튜플을 사용하는것이 가독성, 유지보수 측면에서 이점을 가져올 수 있다.

하지만 push 메서드를 사용하게 되면 길이가 정해져있는 튜플이라고 해도 원소가 추가되어 길이가 늘어나 버린다.

sampleUser1.push("is possible?");
console.log(sampleUser1); // [ 'aug', '2005/09/22', 20, 'is possible?' ]

물론 순서는 바뀌지 않고 가장 마지막에 추가되긴 하지만 길이가 변경된다면 우리가 튜플을 사용하는 목적에 벗어나게 된다. 그래서 만약 튜플의 형태를 유지하고자 한다면 readonly 키워드를 사용하면 된다.

type TUser = readonly [string, string, number];

const sampleUser1: TUser = ["aug", "2005/09/22", 20];
const sampleUser2: TUser = ["aug2", "2004/09/22", 21];

sampleUser1.push("2");