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

JavaScriptオブジェクトからプロパティを削除する方法を解説

JavaScriptオブジェクトからプロパティを削除するには、delete演算子を使用します。「delete オブジェクト名.プロパティ名」という形式で記述するだけで、指定したプロパティをオブジェクトから完全に取り除くことができます。

delete演算子の基本

delete演算子は、オブジェクトから指定したプロパティを削除し、成功した場合はtrueを返します。なお、単にプロパティにundefinedを代入した場合、値は変わりますがプロパティ自体はオブジェクトに残ったままになるため、注意が必要です。プロパティを完全に消したい場合はdelete演算子を使いましょう。

サンプルコード

以下のコードは、cricketerオブジェクトからrankプロパティを削除する例です。実際にブラウザで実行して動作を確認してみてください。

<!DOCTYPE html>
<html>
   <body>
      <p id="demo"></p>
      <script>
         var cricketer = {
            name:"Amit",
            rank:1,
            points: 150
         };
         delete cricketer.rank;
         document.getElementById("demo").innerHTML =
            cricketer.name + " has " + cricketer.rank + " rank.";
      </script>
   </body>
</html>

実行結果

このコードを実行すると、画面には「Amit has undefined rank.」と表示されます。これは、delete cricketer.rank;によってrankプロパティがオブジェクトから削除され、存在しなくなったためです。削除後のプロパティにアクセスするとundefinedが返されます。

このように、delete演算子を使えばオブジェクトから不要なプロパティを簡単に削除できます。配列に対して使用すると要素が削除されるのではなくundefinedの穴が残るため、配列の要素削除にはsplice()メソッドなどを使うのが適切です。

  1. JavaScript関数からオブジェクトを返す方法をわかりやすく解説

    JavaScriptの関数からオブジェクトを返すには、return文を使用します。オブジェクト内のプロパティやメソッドにアクセスする際は、thisキーワードを活用すると便利です。この記事では、実際のコード例を使いながら、JavaScript関数からオブジェクトを返す基本的な方法を解説します。基本的な考え方JavaScriptでは、オブジェクトの中にメソッド（関数）を定義できます。そのメソッド内でreturn文を使えば、処理結果や値を呼び出し元に返すことができます。また、thisキーワードを参照することで、同じオブジェクト内の他のプロパティにアクセス可能です。サンプルコード以下のコードでは、従業

  2. JavaScriptオブジェクトからプロパティを削除する方法｜delete演算子の使い方

    JavaScriptのオブジェクトからプロパティを削除するには、delete演算子を使用します。delete演算子を使うと、指定したプロパティがオブジェクトから完全に取り除かれます。なお、単にプロパティに undefined を代入した場合と異なり、delete演算子を使えばプロパティそのものをオブジェクトから削除できる点に注意してください。サンプルコード<!DOCTYPE html> <html> <body> <h1>JavaScript Object Properties Example</h1> <h2 class=&q