JavaScriptで配列内の偶数だけを繰り返し複製する方法

本記事では、配列内に含まれる偶数だけを同じ配列の中で繰り返し(複製)するJavaScript関数の作成方法を解説します。

例えば、次のような配列が与えられたとします。

const arr = [1, 2, 5, 6, 8];

期待される出力

この場合、偶数である「2」「6」「8」がそれぞれ2つずつ並び、以下のような結果が得られます。

const output = [1, 2, 2, 5, 6, 6, 8, 8];

それでは、この処理を実現するコードを見ていきましょう。

実装例

実際のコードは以下の通りです。

const arr = [1, 2, 5, 6, 8];
const repeatEvenNumbers = arr => {
    let end = arr.length - 1;
    for(let i = end; i > 0; i--){
        if(arr[i] % 2 === 0){
            arr.splice(i, 0, arr[i]);
        };
    };
    return arr;
};
console.log(repeatEvenNumbers(arr));

コードの解説

この関数は、配列を末尾から先頭へ向かって走査するのがポイントです。後ろからループすることで、splice()で要素を挿入しても、まだチェックしていないインデックスの位置がずれることがありません。

各要素に対して arr[i] % 2 === 0(2で割った余りが0)という条件で偶数かどうかを判定し、偶数であれば splice(i, 0, arr[i]) を使って同じ位置にそのコピーを挿入します。第2引数に0を指定しているため、既存の要素は削除されず、挿入だけが行われます。

出力

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

[
    1, 2, 2, 5,
    6, 6, 8, 8
]

このように、元の配列の順序を保ちながら、偶数だけを隣接する形で複製することができます。