TypeScript 配列とタプルの操作
TypeScript は、追加の型機能によって JavaScript を拡張し、配列やタプルなどの複雑なデータ構造の操作を容易にします。このガイドでは、TypeScript の配列とタプルについて紹介し、それらを効果的に定義、操作、使用する方法を説明します。
TypeScript 配列
TypeScript の配列は JavaScript の配列に似ていますが、型注釈の利点が追加されています。これにより、配列内のすべての要素が特定の型に準拠することが保証されます。
配列の定義
TypeScript で配列を定義するには、要素の型に続けて []
を指定します。
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
この例では、numbers
は number
の配列であり、names
は string
の配列です。
配列メソッド
TypeScript 配列は、JavaScript 配列に似たさまざまなメソッドをサポートしています。一般的なメソッドをいくつか紹介します。
push()
: 配列の末尾に要素を追加します。pop()
: 配列の最後の要素を削除します。shift()
: 配列の最初の要素を削除します。unshift()
: 配列の先頭に要素を追加します。map()
: 各要素に関数を適用して新しい配列を作成します。
配列の例
let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]
TypeScript タプル
タプルは TypeScript の特殊な配列タイプで、各要素に異なるタイプを持たせることができます。タプルは、さまざまなタイプの固定数の要素を操作する必要がある場合に便利です。
タプルの定義
タプルを定義するには、各要素の型を指定して角括弧 []
を使用します。
let person: [string, number] = ["Alice", 30];
この例では、person
は、最初の要素が string
で、2 番目の要素が number
であるタプルです。
タプル要素へのアクセス
配列と同様に、インデックスを使用してタプル要素にアクセスします。
let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30
オプション要素を持つタプル
タプルにはオプションの要素を含めることもできます。
let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];
この例では、タプルの 2 番目の要素はオプションです。
結論
TypeScript の配列とタプルは、強力な型安全性を備えたデータのコレクションを処理する強力な方法を提供します。配列とタプルの定義、操作、使用方法を理解することで、より堅牢で保守しやすいコードを作成できます。同種データのリストには配列を使用し、異種データを含む固定サイズのコレクションにはタプルを使用します。