JavaScriptで配列内の文字列から連続する重複文字を削除する方法

問題

JavaScriptで、文字列の配列を引数として受け取る関数を作成することを考えます。この関数は、各文字列の中で連続して出現する重複した文字を削除し、処理後の新しい文字列の配列を返す必要があります。

たとえば「kelless」という文字列には「ll」や「ss」のように同じ文字が続く部分があるため、それぞれ1文字にまとめて「keles」に変換するイメージです。

解決策の例

以下は実際のコードです −

const arr = ["kelless", "keenness"];
const removeConsecutiveDuplicates = (arr = []) => {
    const map = [];
    const res = [];
    arr.map(el => {
        el.split('').reduce((acc, value, index, arr) => {
            if (arr[index] !== arr[index+1]) {
                map.push(arr[index]);
            }
            if (index === arr.length-1) {
                res.push(map.join(''));
                map.length = 0
            }
        }, 0);
    });
    return res;
}
console.log(removeConsecutiveDuplicates(arr));

コードの仕組み

このコードの処理の流れは次のとおりです。

• split('') で各文字列を1文字ずつの配列に分解します。
• reduce を使いながら、現在の文字 arr[index] と次の文字 arr[index+1] を比較します。
• 両者が異なる場合だけ、その文字を一時配列 map に追加します。これにより、連続する重複は1文字だけ残ります。
• 文字列の末尾まで処理したら、join('') で結合した結果を res に格納し、map を空にして次の文字列へ進みます。

出力

[ 'keles', 'kenes' ]

ご覧のとおり、「kelless」→「keles」、「keenness」→「kenes」となり、連続していた重複文字が正しく1文字に圧縮されています。