JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

Object()コンストラクターを使ってJavaScriptオブジェクトを作成する方法

コンストラクターとは、オブジェクトを生成し、初期化するための関数のことです。JavaScriptには、オブジェクトを構築するための特別なコンストラクター関数 Object() が用意されています。

Object() コンストラクターの戻り値は変数に代入されます。この変数には、新しく生成されたオブジェクトへの参照が格納されます。なお、オブジェクトに割り当てるプロパティは変数ではないため、var キーワードで定義する必要はありません。ドット記法（object.property）を使えば、後から自由にプロパティを追加できます。

サンプルコード

以下のコードを実行して、Object() コンストラクターを使ったJavaScriptオブジェクトの作成方法を確認してみましょう。

<html>
   <head>
      <title>User-defined objects</title>
      <script>
         var book = new Object(); // オブジェクトを生成
         book.subject = "Perl"; // オブジェクトにプロパティを割り当て
         book.author = "Tutorialspoint";
      </script>
   </head>
   <body>
      <script type="text/javascript">
         document.write("Book name is : " + book.subject + "<br>");
         document.write("Book author is : " + book.author + "<br>");
      </script>
   </body>
</html>

実行結果

Book name is : Perl
Book author is : Tutorialspoint

補足：モダンな書き方との比較

現在のJavaScriptでは、より簡潔なオブジェクトリテラル（{ }）を使うのが一般的です。例えば上記のコードは var book = { subject: "Perl", author: "Tutorialspoint" }; のように1行で書けます。ただし、new Object() による生成は、空のオブジェクトを動的に作成して後からプロパティを追加していくようなケースで今も有効な基本的な手法です。

  1. JavaScriptでURLオブジェクトを作成する方法をわかりやすく解説

    JavaScriptでは、標準組み込みのURLコンストラクタを使うことで、URL文字列からURLオブジェクトを簡単に生成できます。URLオブジェクトを作成すると、プロトコル（protocol）やホスト名（host）、パス（pathname）など、URLを構成する各要素に個別にアクセスできるようになるため、URLの解析や操作がとても便利になります。 URLオブジェクトの作成例 以下は、JavaScriptでURLオブジェクトを作成し、ボタンをクリックするとその各プロパティを画面に表示するサンプルコードです。 <!DOCTYPE html> <html lang="

  2. JavaScriptで多次元オブジェクトを作成する方法【サンプルコード付き】

    はじめに JavaScriptでは、オブジェクトのプロパティの値として別のオブジェクトを持たせることで、多次元（ネストされた）オブジェクトを作成できます。この構造を活用すると、氏名や学校情報、住所のように階層関係のあるデータを、直感的かつ整理された形で表現することが可能です。 サンプルコード 以下は、多次元JavaScriptオブジェクトを作成し、コンソールに表示するためのコード例です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /