オブジェクト — 関連するデータをひとまとめにする

オブジェクトは「名前付きの引き出し」

配列が「番号で並んだ箱」だとすると、オブジェクトは「名前の付いた引き出しの集まり」です。1人のユーザーには名前・年齢・メールなど、種類の違うデータがまとまっています。これを別々の変数にバラバラに持つより、1つのオブジェクトにまとめたほうが扱いやすくなります。

const user = {
  name: "太郎",
  age: 20,
  email: "taro@example.com",
};

name や age のような名前をプロパティ(またはキー)、その右の "太郎" や 20 を値と呼びます。中の値を取り出すときは、オブジェクト名のうしろにドットとプロパティ名をつなげます。これをドット記法と呼びます。

console.log(user.name); // "太郎"
console.log(user.age);  // 20

user.age = 21;          // 値を書き換えることもできる
console.log(user.age);  // 21

さらに強力なのが、オブジェクトを配列に並べる形です。同じ形のオブジェクトをいくつも並べると、「データの一覧」を表現できます。ユーザー一覧・商品一覧・投稿一覧など、アプリで扱うデータのほとんどはこの形をしています。

const users = [
  { name: "太郎", age: 20 },
  { name: "花子", age: 25 },
  { name: "次郎", age: 30 },
];

console.log(users[0].name); // "太郎"
console.log(users[1].age);  // 25

• オブジェクトは { キー: 値 } の形で関連データをまとめる
• 値を読み書きするときは user.name のようにドット記法を使う
• 同じ形のオブジェクトを並べた配列が「データの一覧」になる
• 配列の中のオブジェクトは users[0].name のようにたどる