まとめ:列挙型の活用
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 56/73。
チャレンジ
簡単4つのメンバを持つOrderStatusという名前の文字列列挙型(string enum)を作成してください:
Pendingを"Pending"で初期化Shippedを"Shipped"で初期化Deliveredを"Delivered"で初期化Cancelledを"Cancelled"で初期化
以下のプロパティを持つOrderという名前のインターフェースを作成してください:
number型のidstring型のcustomerNameOrderStatus型のstatus
Orderインターフェースを使用して、3つの注文オブジェクトを作成してください:
order1: id は1001、customerName は"Alice Johnson"、status はOrderStatus.Pendingorder2: id は1002、customerName は"Bob Smith"、status はOrderStatus.Shippedorder3: id は1003、customerName は"Carol Davis"、status はOrderStatus.Delivered
1つのパラメータを受け取るdisplayOrderInfoという名前の関数を作成してください:
Order型のorder
この関数は、"Order #[id] for [customerName] is [status]" という形式でメッセージを出力し、戻り値の型を void とする必要があります。
以下の出力を表示してください:
order1を引数にしてdisplayOrderInfoを呼び出すorder2を引数にしてdisplayOrderInfoを呼び出すorder3を引数にしてdisplayOrderInfoを呼び出すOrderStatus.Cancelledの値を出力するorder2.statusの値を出力する
自分で試してみよう
// TODO: ここにコードを書いてください
// OrderStatus列挙型、Orderインターフェース、注文オブジェクト、およびdisplayOrderInfo関数を作成します
// 必要な出力を表示しますIntroduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: TypeScriptプレイグラウンド