TypeScript でタプルを利用し、複数の値を関数から返す ― 2020年12月12日 15時27分01秒

TypeScript では変数の型を複数で指定が出来る。id: number | null は整数型と null と言った形だ。

TypeScript は他にもタプルを定義して、複数の値を関連付ける事が出来る。書式的には配列なのだが、配列は元々同じ型を複数所持するのが基本。配置場所によって型が違ってしまっては、取り扱いが困難になるので、タプルとしての利用は、少なめの要素数かつ各要素で型指定をするのが基本になる。

文字列と整数型でタプルを作るとこの様になる。 

let tuple: [string, number];
また、各要素へのアクセスは、零を基底とした目次になる。 
tuple[0];
tuple[1];

例えば、ID と名前を同時に返したいときなどで便利だ。業々、それだけのために Interface 型を作る程ではない時などに重宝する。 

function getAccount(): [ string, number ]
{
    ...
    return [ name, id ];
}

const [ name, id ] = getAccount();
受け取るときに、タプルを分解して受け取ることも可能。

by uyota [TypeScript] [コメント(0)｜トラックバック(0)]