JavaScriptで辞書（マップ）から要素を削除する方法を解説

辞書から要素を削除する基本の考え方

辞書（連想配列）から要素を削除するには、まずそのキーが辞書内に存在するかどうかを確認する必要があります。存在確認にはhasKeyメソッドを使用し、その後、delete演算子を使って要素を直接削除します。

削除メソッドはブール値（true / false）を返すように設計します。これにより、メソッドを呼び出した側で、指定したキーが実際に辞書内に存在していたのかどうかを把握できるようになります。

カスタム辞書クラスでの削除メソッドの実装例

delete(key) {
    if(this.hasKey(key)) {
        delete this.container[key];
        return true;
    }
    return false;
}

この実装では、キーが存在する場合にのみdelete演算子で要素を削除し、削除に成功したことをtrueで返します。キーが存在しない場合は何もせずfalseを返します。

実行例

実際に動作を確認してみましょう。

const myMap = new MyMap();
myMap.put("key1", "value1");
myMap.put("key2", "value2");

myMap.display();
myMap.delete("key2");

myMap.display();

出力結果

上記のコードを実行すると、次のような出力が得られます。

{ key1: 'value1', key2: 'value2' }
{ key1: 'value1' }

このように、key2が削除され、key1のみが残っていることが確認できます。

ES6のMapオブジェクトで値を削除する方法

ES6（ECMAScript 2015）以降では、標準のMapオブジェクトにdeleteメソッドが組み込まれており、カスタム実装を行わなくても簡単に値を削除できます。

例

const myMap = new Map([
    ["key1", "value1"],
    ["key2", "value2"]
]);
myMap.delete("key2");

console.log(myMap.has("key1"));
console.log(myMap.has("key2"));

出力結果

上記のコードを実行すると、次のような出力が得られます。

true
false

deleteメソッドでkey2を削除したため、hasメソッドの結果がtrue（key1は存在する）とfalse（key2は存在しない）になっていることがわかります。

まとめ

自作の辞書クラスでは、hasKeyメソッドでキーの存在を確認してからdelete演算子で削除するのが安全な方法です。一方、ES6以降のMapオブジェクトを使えば、標準のdeleteメソッドだけで簡単かつ確実に要素を削除できます。用途に応じて使い分けるとよいでしょう。