JavaScript 速習チュートリアル

JS のオブジェクトメソッド

Volardev 編集部 April 17, 2026

1. オブジェクトメソッドとは？

メソッド（Methods）とは、オブジェクトに対して実行できるアクションのことです。
メソッドの本体は、プロパティの値として格納された関数（Functions）です。

const person = {
  firstName: "ジョン",
  lastName: "ドウ",
  age: 50,
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

プロパティ	プロパティの値
firstName	ジョン
lastName	ドウ
age	50
fullName	function() { return this.firstName + " " + this.lastName; }

オブジェクトメソッド内において、this はそのオブジェクト自体を参照します。

const person = {
  firstName: "ジョン",
  lastName: "ドウ",
  id: 5566,
  getId: function() {
    return this.id;
  }
};

let number = person.getId();

上記の例では、this は personオブジェクトを参照しています。
つまり、this.id は personオブジェクトの idプロパティを意味します。

const person = {
  firstName: "ジョン",
  lastName: "ドウ",
  age: 50,
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

この例でも、this は personオブジェクトを参照しています。
this.firstName は personオブジェクトの firstNameプロパティを、this.lastName は personオブジェクトの lastNameプロパティを指します。

オブジェクトのメソッドを呼び出す（実行する）には、丸括弧 () を付けます。
括弧を付けない場合は、関数そのものが返されます。

objectName.methodName()

括弧を付けてメソッドを呼び出すと、関数として実行されます：

name = person.fullName();

括弧を付けずにメソッドを呼び出すと、関数定義が返されます：

name = person.fullName;

プロパティに関数を代入することで、既存のオブジェクトにメソッドを後から追加することができます。

// person.name に関数を代入
person.name = function () {
  return this.firstName + " " + this.lastName;
};

上記の例では、person.name というプロパティに関数が割り当てられ、メソッドとして機能するようになります。

この例では、JavaScript標準の toUpperCase() メソッドを使用して、テキストを大文字に変換するメソッドを定義しています。

person.name = function () {
  return (this.firstName + " " + this.lastName).toUpperCase();
};