타입스크립트에서 튜플은 고정된 길이의 배열로, 각 요소의 타입이 미리 정의된 형태입니다. 때때로 우리는 튜플을 배열로 변환해야 하는 상황에 직면하게 됩니다. 이 블로그 포스트에서는 타입스크립트에서 튜플을 배열로 변환하는 방법을 살펴보겠습니다.

튜플 생성하기

우선, 간단한 튜플을 생성해보겠습니다.

let myTuple: [string, number, boolean] = ['hello', 10, true];

위 코드에서 myTuple은 3개의 요소를 갖는 튜플로 선언되었습니다.

튜플을 배열로 변환하기

튜플을 배열로 변환하기 위해서는 타입스크립트의 기능을 이용하여 변환해야 합니다. 다음은 튜플을 배열로 변환하는 방법입니다.

let tupleToArray = <T extends unknown[]>(...args: T) => args;

let resultArray = tupleToArray(...myTuple);

위 코드에서, tupleToArray 함수는 제네릭 타입 T를 이용하여 가변 갯수의 인수를 받아 배열로 반환합니다.

예시

let convertedArray: Array<string | number | boolean> = resultArray;
console.log(convertedArray); // ['hello', 10, true]

위 예시에서, convertedArray 변수는 resultArray를 타입스크립트의 유니언 타입을 이용하여 배열로 변환한 것을 보여줍니다.

결론

타입스크립트에서 튜플을 배열로 변환하는 것은 제네릭과 스프레드 연산자를 활용하여 간단하게 구현할 수 있습니다. 이를 통해 우리는 튜플을 배열로 간단하게 변환할 수 있게 됩니다.

참고:

• 타입스크립트 핸드북: 튜플