オブジェクトを定義する
{プロパティ1:値1,プロパティ2:値2}
・{}(ブレース)で囲む。
・プロパティと値は:(コロン)で繋ぐ。
・要素と要素は,(コンマ)で区切る。
オブジェクトの値を取り出す
```javascript オブジェクト.プロパティ名 ```example.js
const item = {name:"ブラウス",price:2000};
console.log(item.price)
console
2000
オブジェクトの値を更新
```javascript オブジェクト.プロパティ名 = 新しい値 ```example.js
const item = {name:"ブラウス",price:2000};
item.price = 1800;
console.log(item.price)
console
1800
配列にオブジェクトを代入する
```javascript [{プロパティ1:値1...},{プロパティ2:値2...}] ```example.js
const items = [
{name:"ブラウス",price:2000}, //オブジェクト1。カンマで区切る
{name:"デニム",price:5000} //オブジェクト2
]
配列の中のオブジェクトを取り出す
```javascript:example.js const items = [ //配列の要素にはインデックス番号が振り分けられている。 {name:"ブラウス",price:2000}, // インデックス番号⓪ {name:"デニム",price:5000} // インデックス番号① ]//配列itemのインデックス番号1を取り出す
console.log(items[1]);
//配列の中のオブジェクトの値を取り出す
配列[インデックス番号].プロパティ名
console.log(items[1].price);
```console:console
{name:"デニム",price:5000}
5000
複雑なオブジェクトを扱う
オブジェクトの値の部分にさらにオブジェクトを用いる。example.js
const cafe = {
name:スターバックスコーヒー,
bussinessHours {
opening:"10時00分",
closing:"21時00分",
},
menu:["ブラックコーヒー","カフェラテ","ココア"]
};
console.log(cafe.name);
console.log(`営業時間:${cafe.bussinessHours.opening}から${cafe.bussinessHours.closing}`)
console
スターバックスコーヒー
営業時間:10時00分から21時00分