まとめ

オブジェクトとは

オブジェクト指向プログラミングにおいて、プログラム上の手続きの対象を抽象化する概念である。
※Wikipedia

プロパティとは

多くの場合データ構造と関連付けられた属性を記述する、オブジェクトの特性です。
※mdn web docs

メソッドとは

オブジェクト指向プログラミング言語において、あるクラスないしオブジェクトに所属するサブルーチンを指す。
※Wikipedia

目次

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

オブジェクトとは

「対象・物」＝プログラミング言語で操作ができるデータ
Ex.：HTML内のタグ、属性、値、文書（Document）

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja-JP">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <title>タイトル</title>
  </head>

  <body>
    <div>
      わたしは<span style="font-size:24px; color:#FF0000">文書</span>です。
      <img src="http://hakuhin.jp/test.jpg" alt="画像">
    </div>

  </body>
</html>

解説

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">：ドキュメント
<body></body>や<head></head>：ドキュメント
jsはhtmlを読み込むと、html内のオブジェクトをDOMオブジェクトとして認識する

プロパティとは

オブジェクトに関連付けられた情報やデータ

index.js

const person = {
  name: "Yamamoto Taro",
  age: 28
};
// ドット記法でアクセス
console.log(person.name); // 出力: Sato Shinji
// ブラケット記法でアクセス
console.log(person["age"]); // 出力: 28

解説

nameやageはプロパティ名
"Yamamoto Taro"や28はプロパティの値

メソッドとは

オブジェクトに関連付けられた関数

index.js

const person = {
  name: "Sato Shinji",
  greet: function {
    console.log("Hello, my name is " + this.name + ".");
  }
};
person.greet(); // 出力: Hello, my name is Sato Shinji.

解説

greet: function {console.log("Hello, my name is " + this.name + ".");}がメソッド（関数）

参考リンク