JavaScriptで配列の重複を削除し、同じ数の空文字列を末尾に挿入する方法

JavaScriptでは、配列から重複する要素をすべて取り除き、その代わりに削除した分と同じ数の空文字列（空文字）を配列の末尾に挿入する関数が必要になるケースがあります。

要件の確認

たとえば、配列内に4つの重複した値が見つかった場合、それらをすべて削除し、代わりに4つの空文字列を末尾に追加します。つまり「重複を消して、穴を後ろに詰める」イメージです。

実装コード

この処理は reduce() メソッドを使うと簡潔に書けます。lastIndexOf() を利用することで、その値が配列内で最後に現れる位置かどうかを判定し、初回出現だけを結果に残す仕組みです。

const arr = [1,2,3,1,2,3,2,2,3,4,5,5,12,1,23,4,1];
const deleteAndInsert = arr => {
    const creds = arr.reduce((acc, val, ind, array) => {
        let { count, res } = acc;
        if(array.lastIndexOf(val) === ind){
            res.push(val);
        }else{
            count++;
        };
        return {res, count};
    }, {
        count: 0,
        res: []
    });
    const { res, count } = creds;
    return res.concat(" ".repeat(count).split(" "));
};
console.log(deleteAndInsert(arr));

コードの解説

• reduce処理： 各要素について array.lastIndexOf(val) === ind が成立する場合、その要素は最後の出現であるため結果配列 res に追加されます。
• 重複のカウント： 条件を満たさない場合は重複とみなし、カウンター count を1つ増やします。
• 空文字列の生成： 最後に " ".repeat(count).split(" ") によって、重複の数と同じ個数の空文字列を生成し、concat() で元の結果配列の末尾に結合しています。

実行結果

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

[
    2, 3, 5, 12, 23, 4, 1,
    '', '', '', '', '', '', '',
    '', '', '', ''
]

このように、重複が取り除かれたユニークな値のリストの後ろに、削除された分だけの空文字列が挿入されていることが確認できます。