TypeScript 配列型

概要: このチュートリアルでは、TypeScript の array 型とその基本的な操作について学習します。

TypeScript 配列型入門

TypeScript の array は、データの順序付きリストです。特定の型の値を保持する配列を宣言するには、次の構文を使用します。

let arrayName: type[];Code language: JavaScript (javascript)

たとえば、以下は文字列の配列を宣言しています。

let skills: string[] = [];Code language: TypeScript (typescript)

そして、配列に1つ以上の文字列を追加できます。

skills[0] = "Problem Solving";
skills[1] = "Programming";Code language: TypeScript (typescript)

または push() メソッドを使用します。

skills.push('Software Design');Code language: JavaScript (javascript)

以下は、変数を宣言し、それに文字列の配列を代入しています。

let skills = ['Problem Sovling','Software Design','Programming'];Code language: TypeScript (typescript)

この例では、TypeScript は型推論によって skills 配列を文字列の配列として認識します。これは以下と同等です。

let skills: string[];
skills = ['Problem Sovling','Software Design','Programming'];Code language: TypeScript (typescript)

特定の型の配列を定義した後、TypeScript は互換性のない値の追加を阻止します。たとえば、以下はエラーが発生します。

skills.push(100);Code language: CSS (css)

… なぜなら、文字列配列に数値を追加しようとしているからです。

エラー

Argument of type 'number' is not assignable to parameter of type 'string'.Code language: Shell Session (shell)

配列から要素を抽出すると、TypeScript は配列要素の型を推論します。例えば

let skill = skills[0];
console.log(typeof(skill));Code language: TypeScript (typescript)

出力

string

この例では、skills 配列の最初の要素を抽出し、skill 変数に代入しています。

文字列配列の要素は文字列であるため、TypeScript は出力に示されているように skill 変数の型を文字列として推論します。

TypeScript 配列は、JavaScript 配列と同じプロパティとメソッドを持ちます。たとえば、以下は length プロパティを使用して配列内の要素数を取得しています。

let series = [1, 2, 3];
console.log(series.length); // 3Code language: TypeScript (typescript)

forEach()、map()、reduce()、filter() など、すべての便利な配列メソッドを使用できます。例えば

let series = [1, 2, 3];
let doubleIt = series.map(e => e* 2);
console.log(doubleIt);Code language: TypeScript (typescript)

出力

[ 2, 4, 6 ] Code language: JSON / JSON with Comments (json)

以下は、文字列と数値の両方を保持する配列を定義する方法を示しています。

let scores = ['Programming', 5, 'Software Design', 4]; Code language: TypeScript (typescript)

この場合、TypeScript は scores 配列を string | number の配列として推論します。これは以下と同等です。

let scores : (string | number)[];
scores = ['Programming', 5, 'Software Design', 4]; Code language: TypeScript (typescript)

TypeScript では、配列は値の順序付きリストです。
let arr: type[] 構文を使用して、特定の型の配列を宣言します。異なる型の値を配列に追加すると、エラーが発生します。
配列は混合型の値を格納できます。 arr: (type1 | type2) [] 構文を使用して、混合型 (type1 および type2) の値の配列を宣言します。

このチュートリアルは役に立ちましたか？