オブジェクトの型注釈

導入

オブジェクトは { キー: 値 } の形でデータをまとめます。その型は { キー: 型 } の形で書きます。

説明

「名前は文字列、年齢は数値」を持つオブジェクトの型はこう書きます。

let user: { name: string; age: number } = {
  name: "太郎",
  age: 25,
};
console.log(user.name, user.age);

型で決めたプロパティが足りなかったり、型が違ったりするとエラーになります。

let user: { name: string; age: number } = {
  name: "花子",
  // age がない → エラー
};

関数の引数にもオブジェクトの型を書けます。

function introduce(person: { name: string; age: number }): void {
  console.log(person.name + "（" + person.age + "歳）");
}
introduce({ name: "太郎", age: 25 });

やってみよう

user に age を足し引きしたり、user.age = 30; のように値を書き換えてから console.log(user.age) で確かめましょう。

演習

book というオブジェクトを、title（string）と price（number）を持つ型で宣言し、title に "入門書"、price に 1200 を入れて、console.log(book.price) で価格を表示してください。