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

JavaScriptのdelete演算子とは？オブジェクトのプロパティを削除する方法

delete演算子とは

JavaScriptでは、オブジェクトから特定のプロパティを削除したい場合に、deleteキーワード（delete演算子）を使用します。delete演算子は、指定したオブジェクトのプロパティを完全に取り除くためのもので、削除後はそのプロパティにアクセスしてもundefinedが返されます。

基本的な構文

delete オブジェクト名.プロパティ名;

使用例

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

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

実行結果

このコードでは、cricketerオブジェクトのrankプロパティがdelete演算子によって削除されます。そのため、出力結果は次のようになります。

Amit has undefined rank.

delete演算子を使う際の注意点

  • 削除されたプロパティにアクセスすると、エラーにはならずundefinedが返されます。
  • varで宣言された変数や関数宣言は、delete演算子で削除できません。
  • 配列の要素に対してdeleteを使用すると、その位置の値は削除されますが、配列の長さ（length）は変化しません。配列から要素を完全に取り除きたい場合はsplice()メソッドを使いましょう。
  1. JavaScriptの感嘆符（!）演算子とは？論理否定の基本と使い方

    JavaScriptにおける感嘆符（!）は、論理否定（NOT）演算子と呼ばれる単項演算子です。式や値の前に付けることで、その真偽値を反転させます。つまり、true は false に、false は true に変換されます。 論理否定演算子（!）の動作 「!」演算子は、対象の値がtruthy（真とみなされる値）であれば false を返し、falsy（偽とみなされる値）であれば true を返します。 falsyな値には以下のようなものがあります。 false 0（数値のゼロ） ""（空文字列） null undefined NaN サンプルコード 以下のコードを実行

  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&