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

JavaScriptのdelete演算子でゲッターを削除する方法を解説

JavaScriptでオブジェクトのゲッター（getter）を削除したい場合は、delete演算子を使用します。deleteキーワードの後に削除対象のプロパティを指定するだけで、簡単に削除できます。

基本構文

ゲッターを削除する基本的な書き方は以下のとおりです。

delete obj.name

このように、オブジェクト名とプロパティ名をドット（.）でつなぎ、先頭にdeleteを付けるだけで削除が実行されます。

サンプルコード

以下のコードを実行して、ゲッターの削除の動作を実際に確認してみましょう。

<html>
   <body>
      <script>
         var department = {
            deptName: "Marketing",
            deptZone: "North",
            deptID: 101,
            get details() {
               return "Department Details<br>" + "Name: " + this.deptName + " <br>Zone: " + this.deptZone + "<br>ID: " + this.deptID;
            },
            set details(info) {
               var res = info.toString().split(' ');
               this.deptName = res[0] || '';
               this.deptZone = res[1] || '';
               this.deptID = res[2] || '';
            }
         }
         department.details = 'Marketing North 001';
         document.write("<br>Department Name: " + department.deptName);
         document.write("<br>Departmet Zone: " + department.deptZone);
         document.write("<br>Department ID: " + department.deptID);
         delete department.deptName;
         document.write("<br>Department Name (after deletion): " + department.deptName);
      </script>
   </body>
</html>

コードの解説

このサンプルコードでは、departmentオブジェクトに対してdeptName・deptZone・deptIDの3つのプロパティと、detailsというゲッター／セッターを定義しています。

まずセッターを使ってdetailsに値を代入すると、スペース区切りの文字列が分割され、各プロパティに値が設定されます。その後、各プロパティの値をdocument.write()で画面に出力しています。

ポイントはdelete department.deptName;の部分です。この行でdeptNameプロパティが削除されるため、その後に出力した「Department Name (after deletion)」の値はundefinedになります。このように、delete演算子を使えばオブジェクトのプロパティやゲッターを簡単に削除できます。

  1. JavaScriptのsplice()メソッドで配列から要素を削除する方法【コード例付き】

    JavaScriptのsplice()メソッドを使うと、配列から指定した位置の要素を簡単に削除できます。このメソッドは元の配列を直接変更する点が特徴です。 splice()メソッドの基本構文 arr.splice(start, deleteCount) start: 削除を開始するインデックス位置（0から始まります） deleteCount: 削除する要素の数。省略すると、開始位置から配列の末尾までがすべて削除されます 以下は、splice()メソッドを使用して配列の1番目から5番目の間の要素（インデックス1〜4）を削除するサンプルコードです。 コード例 <!DOCTYPE html

  2. JavaScriptで親要素の子要素を取得する方法【サンプルコード付き】

    JavaScriptでは、親要素が持つchildrenプロパティを参照することで、その直下にある子要素をまとめて取得できます。本記事では、実際に動作するサンプルコードを使いながら、具体的な手順をわかりやすく解説します。 サンプルコード 以下は、JavaScriptを使って親要素（parent1）の子要素を取得し、ボタンのクリックで一括表示させる例です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta nam