【JavaScript】配列から指定した数値を削除し、残りの要素を左にシフトする方法

今回は、数値の配列を第1引数に、削除したい数値を第2引数に受け取るJavaScript関数を作成します。

この関数は、第2引数で指定された数値が配列内に存在する場合、その要素を取り除き、それより右側にあるすべての要素を1つずつ左へシフトする必要があります。唯一の条件は、slice() や splice() をはじめとする配列操作系の組み込みメソッドを使用してはいけないという点です。

また、同じ数値が配列内に複数存在する場合は、最初に出現したものだけを削除します。

処理内容の例

たとえば、入力配列が次のような場合を考えてみましょう。

const arr = [3, 5, 6, 3, 7, 8, 8, 6];
const num = 7;

このとき、数値「7」を削除すると、配列は次のようになります。

const output = [3, 5, 6, 3, 8, 8, 6];

実装コード

それでは、実際のコードを見てみましょう。

const arr = [3, 5, 6, 3, 7, 8, 8, 6];
const num = 7;

const removeElement = (arr = [], num) => {
   let index = arr.indexOf(num);
   if(index === -1){
      return;
   };
   while(index + 1 < arr.length){
      arr[index] = arr[index + 1];
      arr[index + 1] = arr[index] - arr[index + 1];
      arr[index] = arr[index] - arr[index + 1]; ++index;
   };
   arr.pop();
};
removeElement(arr, num);
console.log(arr);

コードのポイント

• indexOf() で削除したい数値のインデックス位置を取得します。配列内に存在しない場合（戻り値が -1）は、そのまま処理を終了します。
• while ループの中では、各要素に右隣の要素の値を代入しながら順番に左へ詰めていきます。これにより、削除対象以降の要素全体が1つずつ左にシフトされます。
• 最後に pop() で末尾に残った不要な要素を取り除くことで、配列の長さを1つ減らしています。

出力結果

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

[
3, 5, 6, 3,
8, 8, 6
]