オブジェクト ― 名前つきの入れ物

導入

配列は「順番」で値を管理します。一方 オブジェクト（Object） は、「名前（キー）」で値を管理する入れ物です。人物の情報や設定など、「何が何か」がはっきりしているデータに向きます。

説明

{ キー: 値, ... } で作ります。取り出すときは obj.key（ドット記法）か obj["key"]（ブラケット記法）です。

const user = {
  name: "太郎",
  age: 25,
  city: "東京",
};
console.log(user.name);       // 太郎
console.log(user["age"]);     // 25
console.log(user);            // 全体

あとからプロパティを追加・変更・削除できます。

user.age = 26;                // 変更
user.job = "エンジニア";      // 追加
delete user.city;             // 削除
console.log(user);

ネスト（入れ子）もよく使います。

const order = {
  id: 1001,
  item: { name: "本", price: 1500 },
  qty: 2,
};
console.log(order.item.name);           // 本
console.log(order.item.price * order.qty); // 3000

やってみよう

user に自分の情報を入れて表示してみましょう。プロパティの追加や変更も試してください。

演習

const book = { title: "JS入門", price: 2000 }; を用意し、price を 1800 に変更してから、オブジェクト全体を表示してください。