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

JavaScriptでオブジェクトのプロパティを削除する基本

JavaScriptでは、delete 演算子を使うことで、オブジェクトから特定のプロパティを削除できます。まず、次のようなオブジェクトを例に考えてみましょう。

const myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI",
    "regex": "^https://.*"
};

このオブジェクトから regex プロパティを取り除き、次のような状態にしたいとします。

const myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI"
};

delete演算子の使い方

プロパティの削除には delete 演算子を使用します。具体的なコード例は以下のとおりです。

const myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI",
    "regex": "^https://.*"
}; 
delete myObject['regex'];
console.log(myObject.hasOwnProperty("regex")); // false

hasOwnProperty() メソッドの結果が false になっていることから、regex プロパティが正常に削除されたことが確認できます。

実行結果

コンソールには次のように出力されます。

false

C/C++のdeleteとの違いに注意

JavaScriptの delete 演算子は、C言語やC++の同名のキーワードとは役割がまったく異なる点に注意が必要です。

• C/C++の delete: 動的に確保したメモリを解放するために使う
• JavaScriptの delete: オブジェクトからプロパティを取り除くためだけに使う

つまり、JavaScriptの delete はメモリを直接解放するものではなく、その唯一の目的はオブジェクトからプロパティを除去することです。

補足：スプレッド構文や分割代入を使った代替手段

元のオブジェクトを変更せず（イミュータブルな状態を保ちながら）プロパティを除外したい場合は、ES2015以降の構文が便利です。たとえば、残余引数（rest）を使った分割代入なら次のように書けます。

const myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI",
    "regex": "^https://.*"
};

const { regex, ...newObject } = myObject;
console.log(newObject); // { ircEvent: "PRIVMSG", method: "newURI" }

この方法なら、元の myObject を壊すことなく、regex を除いた新しいオブジェクトを作成できます。Reactなどのモダンな開発環境では、状態の不変性（immutability）を保つためにこちらの手法が好まれることも多いです。