TypeScriptでは、JavaScriptのように自由に配列を扱うことができますが、型安全性を高めるために「Array型」を活用できます。
Array型を正しく理解し、適切に型指定することで、
✅コードの可読性がUP！
✅保守性がUP！
という効果が期待できます！
本記事では、
「TypeScriptのArray型とは？配列の型指定をマスターしよう！」
と題して、TypeScriptのArray型について基礎から応用まで詳しく解説します。
Array型の基本
TypeScriptで配列の型を指定する方法はいくつかあります。基本的な書き方を見ていきましょう。
Array<T> 形式
TypeScriptで配列の型を指定する方法はいくつかあります。基本的な書き方を見ていきましょう。
let numbers: Array<number> = [1, 2, 3, 4, 5];
let strings: Array<string> = ["apple", "banana", "cherry"];T[] 形式
Array と同じ意味ですが、よりシンプルに書けるのが T[] 形式です。
let numbers: number[] = [1, 2, 3, 4, 5];
let strings: string[] = ["apple", "banana", "cherry"];
この2つの書き方はどちらも同じ動作をしますので、好みに応じて使い分けると良いでしょう！
配列の型を柔軟に指定する
複数の型を許容する (ユニオン型)
異なる型の要素を持つ配列を作成したい場合は、| を使って型を指定できます。
let mixedArray: (number | string)[] = [1, "hello", 2, "world"];型を厳密にすることで、意図しないデータが混入するリスクを減らせます。
ユニオン型については、以下の記事で詳しく解説しています！
タプル (tuple)
要素の型と順序を固定したい場合は、タプル型を使います。
let tuple: [string, number] = ["age", 25];特定のフォーマットのデータを扱う際に、タプルを活用すると型安全性が向上します。
配列の型安全な操作
TypeScriptのArray型では、標準的な配列メソッドを型安全に使用できます。
map の活用
let numbers: number[] = [1, 2, 3];
let doubled = numbers.map(num => num * 2); // number[] 型型推論が働くため、誤った型のデータが入る心配がありません！
filter の活用
let values: (string | number)[] = [1, "hello", 2, "world"];
let numbersOnly = values.filter(value => typeof value === "number"); // number[] 型適切な型フィルタリングを行うことで、意図しないデータの混在を防げます！
まとめ
本記事では、
「TypeScriptのArray型とは？配列の型指定をマスターしよう！」
と題して、TypeScriptのArray型を理解し、適切に型指定することで、型安全なコードを書くことができます。
基本的な Array や T[] の使い方から、ユニオン型やタプルを活用することで、柔軟な配列操作が可能になります。
型安全な配列の操作をマスターして、より堅牢なTypeScriptのコードを書いていきましょう！
コメント