JavaScriptオブジェクトの考え方・生成・取得、プロパティの追加・変更、オブジェクトのメソッド

 JavaScriptオブジェクトの考え方

・JavaScriptにおけるオブジェクトは、データや機能をまとめた情報そのもののことを指します。

・JavaScriptのオブジェクトは、名前と値をセットにしてデータを管理する。

 JavaScriptオブジェクトの生成方法

let 変数名(オブジェクト名) = {この中にプロパティを記載する}

※ let ではなく const でも可

※let 〜 }閉じかっこまでが一つのオブジェクト

プロパティとは

オブジェクトが持つ属性のこと

例 

let car = {name:'carolla'}

nameはプロパティ名、carollaは対応する値となります。

 つまり以下のようになります。

let 変数名 = {プロパティ名:'対応する値'}

JavaScriptオブジェクトの値の取得方法

let car = { name: 'carolla' }

console.log(car.name)

※オブジェクト名.プロパティ名になります。

JavaScriptプロパティの追加方法

オブジェクトの追加には２つの方法がある

①「　変数名（オブジェクト名）.プロパティ名　＝　XXX（値を代入）　」

②「　変数名['プロパティ名'　]　= XXX（値を代入） 」

let car = { name: 'carolla' }

car.collor = red
car['size'] = 'セダン'

console.log(car)

JavaScriptプロパティの変更方法

変更方法は一つ

「　オブジェクト名.プロパティ名　＝　変更したい値　」

例

let car = { name: 'carolla' }

car.collor = red
car['size'] = 'セダン'

console.log(car)

car.name = 'lexus'

これで、出力したとき lexus が表示される

JavaScriptオブジェクトのメソッド操作

 例

let car = { name: 'carolla' 

プロパティ名: function(引数){ここに処理を記載}
}

car.プロパティ名(引数)

 例２

let car = { name: 'carolla' 

driving: function(){
　console.log(’私が運転している車は＄{car.name}です。})
}

car.driving()

これで、「　私の運転している車はcarolladeです。　」と表示される。