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

オブジェクトメソッドはオブジェクト上で実行できるアクションです。

メソッドはプロパティ値として格納された関数定義です。

プロパティ
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + ” ” + this.lastName;}


const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

上記の例では、thisはpersonオブジェクトを指します:

  • this.firstName: personオブジェクトのfirstNameプロパティを意味します。
  • this.lastName: personオブジェクトのlastNameプロパティを意味します。

オブジェクトメソッドへのアクセス

オブジェクトメソッドには次の構文でアクセスします:


objectName.methodName()

fullNameプロパティを()付きで呼び出すと、関数として実行されます:


name = person.fullName();

fullNameプロパティを()なしでアクセスすると、関数定義が返されます:


name = person.fullName;

オブジェクトにメソッドを追加する

オブジェクトに新しいメソッドを追加するのは簡単です:


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

JavaScriptメソッドの使用

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


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