前提

この記事は、初学者の私が、サバイバルTypeScriptで学んだこと+調べたことをまとめたものになります。

従って、経験則に基づいた発言ではないため、一部慣習とは違っていたり、認知にずれがあったりする可能性がありますので、ぜひコメントで指摘していただけると幸いです。

環境

記事内のコードは以下の環境で動作確認済みです。

Node.js: v22.10.0
TypeScript: Version 5.6.3

タプルとは？

異なる型の値を要素として持つことができる配列
型の種類、型の順番、要素の数が固定される
インデックスや分割代入による値へのアクセスが可能
Promise.all()との併用により並列処理を実装できる

pythonにおけるタプルは、値を変更できない配列(リスト) を指すが、

TypeScriptにおけるタプルは、値の変更はできる。

配列との違い

	配列	タプル
複数の型の格納	非推奨ユニオン型を使えば出来ないことはない	OK
長さの変更	OK　（`.push()`メソッドによる追加）	NG
変数の順序	特に指定はなし（ユースケースによる)	宣言時の型の順番に従う
Arrayによる宣言	可能	不可

タプルと型

タプル宣言時に[type,type...]の形式で型注釈を行う
同様の形式で型エイリアスの宣言も可能
型の順番は固定される

実装例

タプル

//宣言
const human:[string,number] = [ "taro", 20 ];

//インデックスによるアクセス
console.log(human[0]); //=>taro
console.log(human[1]); //=>20

//分割代入
//型注釈が無くてもエラーは出ない
const [name,age]:[string,number] = human;
console.log(name); //=>taro
console.log(age); //=>20

//値の追加(NG)
human.push(5) //=> Error

タプルを使った並列処理

//サバイバルtypescriptからの引用
//https://typescriptbook.jp/reference/values-types-variables/tuple

//タプルとPromise.allによる並列処理
//stringとnumberが格納されたタプルを取得できる
//完了までの所要時間は5秒
const tuple: [string, number] = await Promise.all([
  takes3Seconds(), //処理に 3 秒かかり、string を返す関数
  takes5Seconds(), //処理に 5 秒かかり、number を返す関数
]);

まとめ

以上になります。

慣例から外れた部分があれば指摘していただけると幸いです！！