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"
};

プロパティの管理

プロパティは、いつでも変更、追加、または削除できます。

プロパティへのアクセス方法:

  1. ドット記法: person.age これは可読性が最も高い方法です。

  2. ブラケット記法: person["age"] プロパティ名を変数で指定する場合や、ハイフンなどの特殊文字が含まれている場合は、これを使用します。

  3. 式: 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