JavaScript オブジェクト
JavaScript オブジェクトは、値と関数を格納します。
車を想像してみてください。すべての車には、色やモデルといったプロパティがあります。また、すべての車には、走行やブレーキといったメソッドがあります。値やタイミングは、車ごとに異なります。
プロパティとメソッド
- プロパティは、データをキーと値のペアとして格納します。
- メソッドは、関数を値として格納します。
オブジェクトの例:
const car = {
type: "Fiat",
model: "500",
color: "white"
};
この例では、type、model、color がプロパティです。"Fiat"、"500"、"white" が値です。
オブジェクトの作成
オブジェクトを定義するには、オブジェクトリテラルを使用します。波括弧の中にキーと値のペアを記述します。特定のスペースや改行は必要ありません。
例:
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
プロパティの管理
プロパティは、いつでも変更、追加、または削除できます。
プロパティへのアクセス方法:
ドット記法: person.age これは可読性が最も高い方法です。
ブラケット記法: person["age"] プロパティ名を変数で指定する場合や、ハイフンなどの特殊文字が含まれている場合は、これを使用します。
式: person[x]
オブジェクトのメソッド
メソッドは、オブジェクトが実行するアクションです。メソッドは、オブジェクトのプロパティ内に格納された関数です。
例:
const person = {
firstName: "John",
lastName: "Doe",
fullName: function() {
return this.firstName + " " + this.lastName;
}
};
出典: https://www.w3schools.com/js/js_object_methods.asp 全文: https://dev.to/madhanraj/javascript-objects-4i67