JavaScriptで偶数を先頭・奇数を後ろにそれぞれ昇順で並べ替える方法

本記事では、数値の配列を受け取り、すべての偶数を昇順で先頭に並べ、その後ろにすべての奇数を昇順で並べるJavaScript関数の実装方法を解説します。

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

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

このとき、期待される出力は以下のとおりです。

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

サンプルコード

以下が実際の実装コードです。

const arr = [2, 5, 2, 6, 7, 1, 8, 9];
const isEven = num => num % 2 === 0;
const sorter = ((a, b) => {
    if(isEven(a) && !isEven(b)){
        return -1;
    };
    if(!isEven(a) && isEven(b)){
        return 1;
    };
    return a - b;
});
const oddEvenSort = arr => {
    arr.sort(sorter);
};
oddEvenSort(arr);
console.log(arr);

コードの解説

このコードの動作を理解するためのポイントは次の3つです。

• isEven関数：剰余演算子（%）を使い、数値を2で割った余りが0かどうかで偶数かどうかを判定します。
• sorter比較関数：片方が偶数でもう片方が奇数の場合は偶数側を優先し、両方の偶奇が同じ場合は通常の数値比較（a - b）によって昇順に並べます。
• Array.prototype.sort()：この比較関数を引数として渡して呼び出すことで、配列全体が「偶数（昇順）→ 奇数（昇順）」の順に並べ替えられます。

実行結果

コンソールには次の出力が表示されます。

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