JavaScriptのincludes()とsplice()を使って配列から要素を削除する方法

includes()は配列に特定の要素が含まれているかどうかを判定するメソッドであり、splice()は配列への要素の追加や削除を行うメソッドです。この2つを組み合わせることで、配列から指定した複数の要素をまとめて取り除くことができます。以下がそのコード例です。

サンプルコード

deleteElementsFromArray = function(elements, ...values) {
    let elementRemoved = Array.from(values);
    for (var index = 0; index < elements.length; index++){
        if (elementRemoved.includes(elements[index])){
            elements.splice(index, 1);
            index--;
        }
    }
    return elements;
}
console.log(deleteElementsFromArray([80,90,56,34,79], 90, 34,79));

コードの解説

この関数では、まず可変長引数（...values）として受け取った削除したい値を、Array.from()を使って配列に変換しています。次に、元の配列をループで先頭から順に走査し、各要素が削除対象の配列に含まれているかどうかをincludes()で判定します。含まれている場合はsplice(index, 1)でその位置から1つの要素を削除し、さらにindex--でインデックスを1つ戻すことで、削除対象の要素が連続していた場合でも取りこぼしなく処理できるようになっています。

上記のプログラムを実行するには、以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo69.js」として保存しています。

実行結果

このコードを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo69.js
[ 80, 56 ]

実行結果を見ると、削除対象として指定した「90」「34」「79」が配列から取り除かれ、「80」と「56」だけが残っていることが確認できます。このように、includes()による存在チェックとsplice()による削除を組み合わせれば、任意の複数の値を柔軟に配列から除外できます。