【初心者向け】JavaScriptでJSONオブジェクトから特定の要素を削除する方法

JavaScriptでJSONデータを扱っていると、不要になったプロパティ（要素）を削除したい場面があります。本記事では、deleteキーワードを使ってJSONオブジェクトから特定の要素を削除する方法を、具体的なコード例とともにわかりやすく解説します。

サンプルとなるJSONデータ

まず、以下のような顧客情報を持つ配列（JSON）を用意します。

var details =
[
    {
        customerName: "Chris",
        customerAge: 32
    },
    {
        customerName: "David",
        customerAge: 26
    },
    {
        customerName: "Bob",
        customerAge: 29
    },
    {
        customerName: "Carol",
        customerAge: 25
    }
]

deleteキーワードでJSONの要素を削除する

JavaScriptでは、deleteキーワードを使用することで、オブジェクトから任意のプロパティを削除できます。

例えば、最初の顧客「Chris」の年齢情報（customerAge）を削除するには、次のように記述します。

var details =
[
    {
        customerName: "Chris",
        customerAge: 32
    },
    {
        customerName: "David",
        customerAge: 26
    },
    {
        customerName: "Bob",
        customerAge: 29
    },
    {
        customerName: "Carol",
        customerAge: 25
    }
]
delete details[0].customerAge;
console.log(details);

プログラムの実行方法

上記のコードをNode.js環境で実行します。ファイル名を demo211.js として保存し、ターミナルから次のコマンドを実行してください。

node demo211.js

実行結果

実行すると、コンソールには以下のように出力されます。

PS C:\Users\Amit\JavaScript-code> node demo211.js
[
    { customerName: 'Chris' },
    { customerName: 'David', customerAge: 26 },
    { customerName: 'Bob', customerAge: 29 },
    { customerName: 'Carol', customerAge: 25 }
]

出力結果を見ると、配列の0番目（Chrisのデータ）から customerAge プロパティが正常に削除され、customerName のみが残っていることが確認できます。

補足：deleteを使う際の注意点

• deleteは配列そのものの要素を削除するのではなく、あくまでオブジェクトのプロパティを削除します。配列の要素自体を削除・抽出したい場合は、splice()やfilter()などのメソッドを使うのが適切です。
• deleteで配列のインデックスを指定すると、その位置がundefinedになり、配列の長さは変わりません。注意して使い分けましょう。