JavaScriptのオブジェクト（object）の書き方やメソッドを追加する方法

オブジェクトを定義するための構文は次の通りです（※ [オブジェクト名] や [プロパティ名] は実際の値に置き換えます）。

 

（構文）

//# objectの作成
var [オブジェクト名] = {
    //# objectにプロパティ(property)を定義
    [プロパティ名]:[プロパティ値],
    [プロパティ名]:[プロパティ値],
    [プロパティ名]:[プロパティ値],
    ...(中略)...
    
    //# objectにメソッド(method)を定義
    //# （フルーツの運送料金を計算）
    [メソッド名]: function(){
      //# メソッドの処理
    }
};

 

＞目次にもどる

//# objectのプロパティ(property)にアクセス
オブジェクト名.プロパティ名
オブジェクト名["プロパティ名"]

//# objectのメソッドにアクセス
オブジェクト名.メソッド名()

（サンプルプログラム）

function ObjectTest(){

    //# objectの作成
    var fruit = {
            //# objectにプロパティ(property)を定義
            name:"Apple",
            price:200,
            origin:"青森",
            quantity:1000,
            //# objectにメソッド(method)を定義
            //# （フルーツの運送料金を計算）
            shippingprice: function(){
                //# 送料＝単価(price)×個数(quantity)×0.2
                return this.price * this.quantity * 0.2;
            }
    };

    //# objectのプロパティ(property)にアクセス
    console.log("フルーツ名（fruit.name）："+fruit.name);
    console.log("フルーツ名（fruit[\"name\"]）："+fruit["name"]);

    //# objectのメソッドにアクセス
    console.log("フルーツの送料："+fruit.shippingprice());
}

 

（図１３１）実行結果

＞目次にもどる

オブジェクトを定義するための構文は次の通りです（※ [オブジェクト名] や [プロパティ名] は実際の値に置き換えます）。

 

（構文）

//# objectの作成
var [オブジェクト名] = new Object;

//# objectにプロパティ(property)を定義
[オブジェクト名].[プロパティ名] = [プロパティ値];
[オブジェクト名].[プロパティ名] = [プロパティ値];
[オブジェクト名].[プロパティ名] = [プロパティ値];
...(中略)...

//# objectにメソッド(method)を定義
//# （フルーツの運送料金を計算）
[オブジェクト名].[メソッド名] = function([引数(あれば)]){
	//# 送料＝単価(price)×個数(quantity)×0.2
	return this.price * this.quantity * 0.2;
}

構文③のサンプルです。オブジェクトを新規作成して、そのプロパティの値やメソッドの実行結果値をコンソールに表示しています。

（サンプルプログラム）

function ObjectTest2(){

    //# objectの作成
    var fruit = new Object;
    //# objectにプロパティ(property)を定義
    fruit.name = "Banana";
    fruit.price = 120;
    fruit.origin = "India";
    fruit.quantity = 2000;
    //# objectにメソッド(method)を定義
    //# （フルーツの運送料金を計算）
    fruit.shippingprice = function(price,quantity){
        //# 送料＝単価(price)×個数(quantity)×0.2
        return this.price * this.quantity * 0.2;
    }

    //# objectのプロパティ(property)にアクセス
    console.log("フルーツ名（fruit.name）："+fruit.name);
    console.log("フルーツ名（fruit[\"name\"]）："+fruit["name"]);

    //# objectのメソッドにアクセス
    console.log("フルーツの送料："+fruit.shippingprice(this.price,this.quantity));
}