JavaScriptの配列を数値は昇順、文字列はアルファベット順に並べ替える方法

問題

数値と文字列が混在した配列を受け取り、数値を昇順に並べ替えた要素を先頭に、続けて文字列をアルファベット順に並べ替えた要素を配置した、単一の配列を返すJavaScript関数を作成します。

重要な条件として、各要素は元のデータ型（数値・文字列）を維持したまま扱う必要があります。つまり、数値を文字列に変換したり、その逆を行ったりしてはいけません。

入力例

[5, 8, 'car', 'dad', 'amber', 1, 12, 76, 'bat']

実装コード

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

const arr = [5, 8, 'car', 'dad', 'amber', 1, 12, 76, 'bat'];
const separateSort = (arr = []) => {
    const sorter = (a, b) => {
        if(typeof a === 'number' && typeof b === 'string'){
            return -1;
        };
        if(typeof a === 'string' && typeof b === 'number'){
            return 1;
        };
        if(typeof a === 'string' && typeof b === 'string'){
            return a.charCodeAt(0) - b.charCodeAt(0);
        };
        return a - b;
    };
    const res = arr.sort(sorter);
    return res;
};
console.log(separateSort(arr));

コードの解説

このコードの核心は、sort() メソッドに渡される比較関数 sorter のロジックです。typeof 演算子で要素の型を判定し、以下のルールで並び順を決定しています。

• a が数値、b が文字列の場合： -1 を返し、数値を常に文字列より前に配置します。
• a が文字列、b が数値の場合： 1 を返し、文字列を常に数値より後ろに配置します。
• 両方が文字列の場合： charCodeAt(0) で最初の文字の文字コードを取得して比較し、アルファベット順に並べ替えます。
• それ以外（両方が数値）の場合： 通常の減算 a - b により、数値を昇順に並べ替えます。

注意点

sort() メソッドは元の配列を破壊的に変更する点に注意してください。元の配列を保持したい場合は、[...arr].sort(sorter) のようにスプレッド構文でコピーを作成してからソートするのが安全です。

出力結果

コンソールへの出力は以下の通りです。数値が昇順で先頭に、文字列がアルファベット順で後に配置されています。

[
    1, 5,
    8, 12,
    76, 'amber',
    'bat', 'car',
    'dad'
]