JavaScriptオブジェクトの基礎まとめ

JavaScriptにおけるオブジェクト

• JavaScriptのオブジェクトは、現実世界のエンティティを表現するための複雑なデータ型；
• オブジェクトはキーと値のペア（プロパティ）で構成され、各キー（プロパティ名）には対応する値がある；
• キー（プロパティ名）は文字列であり、値は任意の有効なJavaScriptデータ型を使用可能；
• オブジェクトは複雑な情報を整理するために、ネストされたデータやグループ化されたデータを格納できる。

オブジェクトの作成とプロパティ名の命名

• 中括弧 {} で囲まれたオブジェクトリテラルは、JavaScriptでオブジェクトを作成する一般的な方法；
• オブジェクトのキー（プロパティ名）は、引用符（シングルまたはダブル）で囲むか、特定の命名規則に従って引用符なしで記述可能；
• 引用符付きのキーは、空白や特殊文字を含む任意の文字列を指定できる；
• 引用符なしのキーは、英字または_、$、任意のUnicode文字で始める必要がある。

const person = {
  "first name": "Silvia",
  lastName: "Wuckert",
  age: 47,
};

オブジェクトプロパティへのアクセス

• オブジェクトプロパティへアクセスする一般的な方法は、ドット記法とブラケット記法の2つ；
• ドット記法はプロパティ名が事前に分かっている場合に使用し、ブラケット記法は名前が不明または変数に格納されている場合に便利；
• ネストされたプロパティは、ドットで区切ったパスを使ってドット記法でアクセス可能。

const car = {
  make: "Toyota",
  model: "Camry",
  engine: {
    type: "V6",
    horsepower: 300,
  },
};

console.log(car.engine.type); // Output: V6

オブジェクトメソッド

• オブジェクトメソッドはオブジェクト内で定義された関数であり、データと関連する機能を結び付ける役割;
• this キーワードはメソッドを呼び出しているオブジェクト自身を参照し、そのプロパティへアクセス可能;
• オブジェクトメソッドは論理的な構造化、データのカプセル化、コードの可読性向上を実現;
• メソッドは this キーワードを使ってオブジェクトのプロパティにアクセスし、ドット記法で操作可能。

const calculator = {
  operand1: 5,
  operand2: 3,
  summarize() {
    return this.operand1 + this.operand2;
  },
};

console.log(calculator.summarize()); // Output: 8