JavaScriptでセット（Set）から要素を削除する方法

JavaScriptのセット（Set）から要素を削除するには、deleteメソッドを使用します。このメソッドは、まず指定した値がすでにセット内に存在するかどうかをチェックし、存在する場合のみその値を削除してtrueを返します。値が存在しない場合は、セットに変更を加えずにfalseを返します。

deleteメソッドの実装例

独自のセットクラスにdeleteメソッドを実装すると、次のようになります。

delete(val) {
    if (this.has(val)) {
        delete this.container[val];
        return true;
    }
    return false;
}

動作確認

実際にコードを実行して動作を確認してみましょう。

const testSet = new MySet();

testSet.add(1);
testSet.add(2);
testSet.add(5);
testSet.delete(5);
testSet.delete(2);
testSet.display();

console.log(testSet.has(5));
console.log(testSet.has(20));
console.log(testSet.has(1));

出力結果

上記のコードを実行すると、以下の出力が得られます。

{ '1': 1 }
false
false
true

delete(5)とdelete(2)が呼び出されたため、セットには値「1」だけが残っています。has()による存在確認では、削除済みの「5」と最初から存在しない「20」はfalse、「1」はtrueとなることがわかります。

ES6のSetでdeleteを使う方法

ES6で標準搭載されたSetオブジェクトでも、同じようにdelete関数を使って要素を削除できます。

const testSet = new MySet();

testSet.add(1);
testSet.add(2);
testSet.add(5);
testSet.delete(5);

console.log(testSet.has(5));
console.log(testSet.has(20));
console.log(testSet.has(1));

出力結果

このコードを実行すると、次の出力になります。

false
false
true

このように、ES6の標準Setではdeleteメソッドを呼び出すだけで簡単に要素を削除でき、戻り値として削除に成功したかどうか（true / false）を受け取れます。存在しない要素を削除しようとしてもエラーにならず、単にfalseが返されるため、安全に扱えるのが特徴です。