JavaScript オブジェクトを生成する

最終更新日

JavaScriptでオブジェクトを生成するには、「new Object()」とするか、「{}」を使います。「{}」内には「キー:値」のペアを「,」(カンマ)で区切って複数、列記することができます。この場合、キー名がプロパティ、または、メソッド名になります。独自のオブジェクトではなく、既存のオブジェクト(StringやArray)を生成したい場合は、「new」演算子を使います。

処理速度について、「new Object()」とした場合と比べて「{}」を使うと、2倍以上高速にオブジェクトを生成することができます。
<body>
<script>
window.addEventListener("load" , function(){
var ele = document.getElementsByTagName("output")[0];
                    
var myObj1 = new Object();      //オブジェクトを生成
var myObj2 = {};                //オブジェクトを作成
var myObj3 = { name : "yamada"};//オブジェクトを作成
//結果出力
ele.innerHTML = "myObj1 :"+myObj1.toString();
ele.innerHTML += "<br>myObj2 :"+myObj2.toString();
ele.innerHTML += "<br>myObj3 :"+myObj3.toString();
ele.innerHTML += "<br>myObj3.name :"+myObj3.name;
}, false);
</script>
   <output></output>
</body>
実行結果
実行結果