前へ

次へ

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, ...] という構文を使用します。

演習 - タプル

1. プレイグラウンド を開いて、既存のコードをすべて削除します。

2. 次のコードを入力し、string と number が含まれるタプルを作成します。

   let person1: [string, number] = ['Marcia', 35];
   

3. 配列に別の項目を追加してみてください。 次に例を示します。

   let person1: [string, number] = ['Marcia', 35, true];
   

4. タプル array 内の要素は固定されているため、エラーが発生することがわかります。 person1 タプルは、厳密に 1 つの string 値と 1 つの numeric 値が含まれる配列です。

5. 配列内の項目の順序を変更してみてください。 次に例を示します。

   let person1: [string, number] = [35, 'Marcia'];
   

6. 値の順序は型の順序と一致している必要があることを示すエラーが表示されます。

続行