JavaScriptを学んでいると、よく出てくる「オブジェクト」「プロパティ」「メソッド」という言葉。
最初はとっつきにくいですが、イメージがつかめると一気に理解が進みます！

この記事では、具体例を交えながら丁寧に解説していきます！

✅ オブジェクト・プロパティ・メソッドとは？

まずは3つの言葉の関係をざっくり整理！

➡️オブジェクト

名前やキーにアクセスできる配列などの複数の属性情報を持ち、データを操作するための様々な機能を持った入れ物、枠組み。
Javascriptには多くのオブジェクトが公開されていますが、主にデータ型に対応した組み込みオブジェクトを扱います。

・Stringオブジェクト：文字列を操作するための手段を提供
・Numberオブジェクト：数値を操作するための手段を提供
・Dataオブジェクト：日付を操作するための手段を提供
・Arrayオブジェクト：配列を操作するための手段を提供
・Mapオブジェクト：キー/値からなる連想配列を操作するための手段を提供
・Functionオブジェクト：関数を操作するための手段を提供

…などがあります。

➡️プロパティ

オブジェクトが持つ「値・情報」。そのモノの状態や特性を表します。

➡️メソッド

オブジェクトがで行う「機能・処理」。そのモノを操作したり変換したりします。

扱う対象（オブジェクト）から何を（プロパティ）どうするか（メソッド）といった概念で、「オブジェクト」から「プロパティを見る or メソッドで操作する」ということになります。

✅️Arrayオブジェクトを例に見る流れ

const fruits = ["apple", "banana", "orange"];

ここで fruits は Arrayオブジェクト。これに対して…
🔸プロパティ【length】

console.log(fruits.length);  // 3

🔸メソッド【push()】

fruits.push("grape");
console.log(fruits); 　// ["apple", "banana", "orange", "grape"]

配列に要素を追加するという機能。

💡ポイント
→ オブジェクトは自分の中にプロパティ（情報）やメソッド（機能）を持っている！

✅️オブジェクトの「型」によって使えるメソッドが変わる！

JavaScriptでは、どんなオブジェクト型かによって、使えるメソッドが変わります。

たとえば…

[1, 2, 3].push(4);       // OK：Arrayのメソッド
({ 0: 1, 1: 2 }).push(4); // ❌ エラー：Objectにはpushがない

見た目が似ていても、型（Array or Object）が違うとメソッドも違う！

💡 まとめ

オブジェクトは **情報（プロパティ）と機能（メソッド）**を持つ箱のようなもの！

オブジェクトの型によって使えるメソッドが決まる。

プロパティの「内容」ではなく、構造や型によって動きが変わる。

📕おわりに

JavaScriptのオブジェクトはとても柔軟で、慣れると色んな表現ができるようになります。
はじめは「見慣れない記号や単語」で混乱しやすいですが、基本を一つずつ整理してい来ましょう！