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

JavaScriptのnew演算子を使ってオブジェクトを作成する方法

JavaScriptにおける new キーワードは「new演算子」と呼ばれ、ユーザー定義のオブジェクト型のインスタンス（新しいオブジェクト）を生成するために使用します。new Object() と記述することで空のオブジェクトを作成し、その後、必要なプロパティを自由に追加していくことができます。

基本的な使い方

以下のサンプルコードでは、new演算子を使ってオブジェクトを生成し、従業員名・部署・技術といったプロパティを設定しています。

サンプルコード

<!DOCTYPE html>
<html>
   <body>
      <p id = "test"></p>
      <script>
         var dept = new Object();
         dept.employee = "Amit";
         dept.department = "Technical";
         dept.technology ="Java";

         document.getElementById("test").innerHTML =
         dept.employee + " is working on " + dept.technology + " technology.";
      </script>
   </body>
</html>

実行結果

Amit is working on Java technology.

このコードを実行すると、生成したオブジェクトの各プロパティが参照され、画面上に「Amit is working on Java technology.」という文字列が出力されます。このように、new演算子で作成したオブジェクトに対しては、ドット記法（オブジェクト名.プロパティ名）を使って値の代入や取得を行えます。

補足：モダンなJavaScriptでの書き方

現在のJavaScriptでは、オブジェクトリテラル（{ }）やクラス構文を使った記述が主流となっています。しかし、new演算子は Date や Map などの組み込みオブジェクト、あるいはコンストラクタ関数からインスタンスを生成する際に、今なお広く利用されている重要な概念です。基本的な仕組みを理解しておくことで、既存コードの読解やデバッグにも役立ちます。

  1. new演算子を使ってJavaScriptコンストラクタを作成する方法

    JavaScriptでは、通常の関数を「new」演算子と組み合わせて呼び出すことで、コンストラクタとして機能させることができます。これにより、同じ構造を持つ複数のオブジェクトを効率的に生成できます。以下に、new演算子を使用してJavaScriptのコンストラクタを作成するコード例を紹介します。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial

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

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