型付き配列
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部 — レッスン 13/73。
型付き配列は、型の安全性を維持しながら複数の値を整理し管理するための、TypeScriptの最も強力な機能の一つです。
TypeScriptでは、Type[]構文を使用して、配列に特定の型の要素のみを含めるように指定できます。これにより、配列内のすべての要素が期待される型に一致することが保証され、異なるデータ型を混ぜたときに発生する一般的なエラーを防ぐことができます。
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];型指定された配列を宣言すると、TypeScriptは指定された型の値のみがその配列に追加されることを強制します。これにより、誤って文字列と数値、あるいはその他の互換性のない型を混ぜてしまうことがなくなり、実行時ではなく開発中にエラーを検出するのに役立ちます。
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
チャレンジ
簡単数値のみを保持できる scores という名前の型付き配列を作成し、85、92、78 という値で初期化します。
次に、文字列のみを保持できる studentNames という名前の別の型付き配列を作成し、"Alice"、"Bob"、"Charlie" という値で初期化します。
最後に、真偽値のみを保持できる passedExams という名前の型付き配列を作成し、true、false、true で初期化します。
作成した順に、3つの配列すべてをコンソールに別々の行で出力します。
チートシート
TypeScriptの型付き配列は、Type[]構文を使用して、配列に特定の型の要素のみが含まれることを保証します。
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];TypeScriptは、同じ配列内で互換性のない型を混在させることを防ぎ、開発中にエラーをキャッチすることで型安全性を強制します。
自分で試してみよう
// TODO: ここにコードを書いてください
// チャレンジで説明されているように、3つの型付き配列を作成します
// 3つの配列すべてをコンソールに出力しますこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ：基本の型の演習5型：エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ：高度な型の組み合わせ