タプル とは？

配列は同じ型の要素を可変長で持つのが基本。タプルは「1番目は文字列、2番目は数値」のように各位置の型と要素数が決まっている。TypeScriptでは型チェックで間違った位置に間違った型を入れるとエラーになる。

「座標の [x, y]」「APIの結果の [data, error]」「useStateの [value, setter]」など、2〜3個の関連する値をセットで返したいとき。4個以上になるならオブジェクトのほうが読みやすい。

JavaScriptには配列しかなく、タプルという専用構文はない。TypeScriptの型システムで配列に「位置ごとの型と長さ」の制約をつけたものがタプル。実行時はただの配列として動いている。

TypeScriptのタプルは実行時にはただの配列だから、push()で要素を追加したりできちゃうんだ。型チェックはコンパイル時だけだから、実行時の安全性は保証されない。「as const」を使ってリードオンリータプルにすることもできるよ。Pythonのタプルは言語レベルで変更不可（イミュータブル）だから、辞書のキーに使えるという利点がある。

とても関係があるよ。Reactのconst [count, setCount] = useState(0)がまさにタプルの分割代入。useStateは[値, 更新関数]の2要素タプルを返すから、分割代入で個別の変数に取り出せる。Pythonでもa, b = (1, 2)のようにタプルをアンパックできる。複数の値を返す関数の戻り値をスッキリ受け取れるのが、タプルと分割代入の組み合わせの魅力なんだよ。