TypeScript のコレクション型
オブジェクト型は、すべてのクラス型、インターフェイス型、配列型、およびリテラル型です (プリミティブ型ではないものすべて)。ここでは、配列型とタプル型を見ていきましょう。
配列
JavaScript と同様に、TypeScript でも配列を使用できます。 配列は 2 つの方法で記述できます。 1 つ目の方法では、要素の型を使用し、その後に角かっこ ([ ]
) でその要素型の配列を指定します。
let list: number[] = [1, 2, 3];
2 つ目の方法では、ジェネリック型 Array
と、Array<type>
という構文を使用します。
let list: Array<number> = [1, 2, 3];
どちらかの構文の方が優っているということはないので、どちらを使用するかは開発者次第です。
タプル
同じ値型の配列を使用すると便利ですが、混合型の値が含まれる配列を使用する場合もあります。 そのために、TypeScript にはタプル型が用意されています。 タプルを宣言するには、variableName: [type, type, ...]
という構文を使用します。
演習 - タプル
プレイグラウンド を開いて、既存のコードをすべて削除します。
次のコードを入力し、
string
とnumber
が含まれるタプルを作成します。let person1: [string, number] = ['Marcia', 35];
配列に別の項目を追加してみてください。 次に例を示します。
let person1: [string, number] = ['Marcia', 35, true];
タプル
array
内の要素は固定されているため、エラーが発生することがわかります。person1
タプルは、厳密に 1 つのstring
値と 1 つのnumeric
値が含まれる配列です。配列内の項目の順序を変更してみてください。 次に例を示します。
let person1: [string, number] = [35, 'Marcia'];
値の順序は型の順序と一致している必要があることを示すエラーが表示されます。