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

JavaScriptでオブジェクトを作成する方法｜new演算子とObject()コンストラクタの基本

JavaScriptでオブジェクトを作成するには、new演算子を使ってオブジェクトのインスタンスを生成します。new演算子の後ろには、オブジェクトを初期化するためのコンストラクタメソッドを続けて記述します。

コンストラクタとは？

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

Object() コンストラクタの戻り値は変数に代入します。この変数には、新しく生成されたオブジェクトへの参照が格納されます。

なお、オブジェクトに割り当てるプロパティは通常の変数ではないため、var キーワードを使って定義する必要はありません。ドット記法（例：book.subject）で直接プロパティを追加・代入できます。

サンプルコード

以下のコードを実行すると、JavaScriptでのオブジェクト作成の流れを確認できます。

<html>
   <head>
      <title>ユーザー定義オブジェクト</title>
      <script>
         var book = new Object(); // オブジェクトを作成
         book.subject = "Perl";   // オブジェクトにプロパティを代入
         book.author = "Tutorialspoint";
      </script>
   </head>
   <body>
      <script>
         document.write("書籍名は : " + book.subject + "<br>");
         document.write("著者は : " + book.author + "<br>");
      </script>
   </body>
</html>

実行結果

書籍名は : Perl
著者は : Tutorialspoint

補足：オブジェクトリテラルによる作成方法

new演算子と Object() コンストラクタ以外にも、より簡潔にオブジェクトを作成できる「オブジェクトリテラル」という方法があります。波括弧 {} を使って、次のように記述します。

var book = {
   subject: "Perl",
   author: "Tutorialspoint"
};

こちらの方法はコードが短くなり可読性も高いため、現代のJavaScriptでは最も広く使われています。状況に応じて使い分けるとよいでしょう。

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

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

  2. 【JavaScript入門】Symbolを使ってオブジェクトごとに一意のIDを作成する方法

    はじめにJavaScriptでオブジェクトごとに一意のIDを作成したい場合、Symbol()を使うのが最も簡単かつ確実な方法です。Symbolは呼び出されるたびに必ず新しい一意の値を生成するため、たとえ同じ説明文字列を渡しても、二度と同じ値にはなりません。以下は、各オブジェクトに対して一意のIDを作成するサンプルコードです。実装例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewp