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

JavaScriptの「new」演算子とは？基本構文と使い方をわかりやすく解説

JavaScriptにおける「new」は、新しいオブジェクトのインスタンスを生成するための演算子です。ユーザー定義のオブジェクト型だけでなく、ObjectやDateなどの組み込みオブジェクトからインスタンスを作成する際にも使用されます。

基本構文

new演算子の基本的な書き方は以下の通りです。

new constructor[([arguments])]

「constructor」の部分には、オブジェクトを生成するためのコンストラクタ関数を指定します。コンストラクタが引数を受け取る場合は、括弧内に引数を渡すこともできます。

使用例

ここでは、new演算子を使ってObjectオブジェクトのインスタンスを作成し、プロパティを設定して画面に表示する例を見てみましょう。

<!DOCTYPE html>
<html>
<body>
  <p id="test"></p>
  <script>
    var dept = new Object();
    dept.employee = "David";
    dept.department = "Programming";
    dept.technology = "C++";

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

実行結果

ブラウザ上には次のように表示されます。

David is working on C++ technology.

ポイント解説

  • new Object() — 空のオブジェクトを生成します。その後、ドット記法でプロパティを追加しています。
  • プロパティへの代入 — employee、department、technologyという3つのプロパティに値を設定しています。
  • innerHTMLでの出力 — document.getElementById()で要素を取得し、文字列を連結して表示しています。

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

現在の開発現場では、オブジェクトリテラルやクラス構文を使う方法がより一般的です。同じ内容は次のように簡潔に書けます。

const dept = {
  employee: "David",
  department: "Programming",
  technology: "C++"
};

また、独自のオブジェクト型を定義したい場合は、class構文とnew演算子を組み合わせるのが標準的なアプローチです。

class Department {
  constructor(employee, department, technology) {
    this.employee = employee;
    this.department = department;
    this.technology = technology;
  }
}

const dept = new Department("David", "Programming", "C++");

このように、new演算子はJavaScriptのオブジェクト指向プログラミングにおいて重要な役割を果たします。基本的な動作を理解しておくことで、より複雑なコードも読みやすくなります。

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

    JavaScriptにおける new キーワードは「new演算子」と呼ばれ、ユーザー定義のオブジェクト型のインスタンス（新しいオブジェクト）を生成するために使用します。new Object() と記述することで空のオブジェクトを作成し、その後、必要なプロパティを自由に追加していくことができます。 基本的な使い方 以下のサンプルコードでは、new演算子を使ってオブジェクトを生成し、従業員名・部署・技術といったプロパティを設定しています。 サンプルコード <!DOCTYPE html> <html>    <body>   &nbs

  2. JavaScriptのビットごとのOR（|）演算子とは？使い方をわかりやすく解説

    JavaScriptにおけるビットごとのOR（|）演算子は、2つの数値を2進数のビット列として比較し、対応するビットのどちらか一方でも「1」であれば結果として「1」を返す演算子です。両方のビットが「0」の場合のみ、結果は「0」になります。ビットOR演算の基本ルールビットごとのOR演算は、以下のようなルールで各ビットが評価されます。0 | 0 → 00 | 1 → 11 | 0 → 11 | 1 → 1サンプルコード以下のコードを実行すると、JavaScriptのビットごとのOR（|）演算子の動作を確認できます。この例では、「7」と「1」をOR演算しています。<!DOCTYPE html&