# tuple 타입

## 설명 <a href="#desc" id="desc"></a>

`tuple`은 JavaScript에서는 지원하지 않는 데이터 타입이지만, TypeScript에서는 **배열 타입을 보다 특수한 형태로 사용할 수 있는** [**`tuple`**](https://namu.wiki/w/%ED%8A%9C%ED%94%8C) **타입을 지원**합니다. `tuple`에 명시적으로 지정된 형식에 따라 아이템 순서를 설정해야 되고, 추가되는 아이템 또한 `tuple`에 명시된 타입만 사용 가능합니다.

```typescript
let book__name_price:[string, number] = ['카밍 시그널', 13320];

// [오류]
// [ts] '[number, string]' 형식은 '[string, number]' 형식에 할당할 수 없습니다.
//      'number' 형식은 'string' 형식에 할당할 수 없습니다.
// let book__name_price: [string, number]
book__name_price = [13320, '카밍 시그널'];

// [오류]
// [ts] 'false' 형식의 인수는 'string | number' 형식의 매개 변수에 할당될 수 없습니다.
book__name_price.push(false);
```

{% hint style="info" %}

### tuple의 발음

튜플? 터플? 투플? 뭘로 발음해야 할까요? \
3개 모두 허용되지만, **터플 발음을 권장**하고 싶습니다.

[tuple의 발음 문제](https://groups.google.com/forum/#!topic/pythonkrdoc/ZS4Lyf6deAQ)를 참고하여 읽어보세요.
{% endhint %}

## 실습 <a href="#practice" id="practice"></a>

학습한 내용을 아래 에디터에 직접 입력해 확인해봅니다.

{% embed url="<https://stackblitz.com/edit/ts-tuple?embed=1&file=index.ts&hideExplorer=1&hideNavigation=1&view=editor>" %}

## 참고 <a href="#reference" id="reference"></a>

{% embed url="<https://www.typescriptlang.org/docs/handbook/basic-types.html#tuple>" %}
TypeScript - Tuple 데이터 타입
{% endembed %}