オブジェクトの型

オブジェクトとは「名前つきのデータのまとまり」

プログラムでは、関係するデータをひとまとめにして扱いたい場面が多いです。たとえば「ユーザー」なら、名前・年齢・メールアドレスがセットになっています。こういう「複数の値を名前つきでまとめたもの」をオブジェクト(オブジェクト)と呼びます。

const user = {
  name: "田中",
  age: 30,
  email: "tanaka@example.com",
};

このオブジェクトが「どんな形なのか」を型で表せます。プロパティごとに型をつけるのが、オブジェクトの型注釈です。

const user: { name: string; age: number; email: string } = {
  name: "田中",
  age: 30,
  email: "tanaka@example.com",
};

const user = { name: "田中", age: 30 };
console.log(user.nema); // undefined になるだけ。実行するまで気づかない

const user: { name: string; age: number } = { name: "田中", age: 30 };
console.log(user.nema); // エラー: nema は存在しない

存在しないプロパティを追加しようとしたり、型の合わない値を入れようとしても、TypeScriptが止めてくれます。次のコードはどちらもエラーになります。

const user: { name: string; age: number } = {
  name: "田中",
  age: "30", // エラー: age は number なのに文字列を入れている
};

• オブジェクトは { キー: 値 } でデータをまとめたもの
• 型は { プロパティ名: 型; ... } の形で書く
• 存在しないプロパティや型違いはその場でエラーになる