JavaScriptで特定の単語を優先的に先頭へ、残りをアルファベット順に並べ替える方法

ここでは、文字列を要素とする2つの配列を扱います。一方の配列をアルファベット順にソートする必要がありますが、その配列がもう一方の配列に含まれる単語を持っている場合、それらの単語は必ず先頭に配置し、それ以外の要素だけをアルファベット順に並べ替えるという要件を考えてみましょう。

この処理を実現するために、excludeSort(arr, ex) という関数を作成します。引数 arr はソート対象の配列、ex は arr 内に存在する場合に先頭へ移動させるべき文字列の配列です。

実装例

const arr = ['apple', 'cat', 'zebra', 'umbrella', 'disco', 'ball',
  'lemon', 'kite', 'jack', 'nathan'];
const toBeExcluded = ['disco', 'zebra', 'umbrella', 'nathan'];

const excludeSort = (arr, ex) => {
  arr.sort((a, b) => {
    if (ex.includes(a)) {
      return -1;
    } else if (ex.includes(b)) {
      return 1;
    }
    return a > b ? 1 : -1;
  });
};

excludeSort(arr, toBeExcluded);
console.log(arr);

仕組みの解説

Array.prototype.sort() メソッドには比較関数（コンパレータ）を渡すことができます。この比較関数の中で以下の判定を行っています。

• 比較対象 a が除外リスト ex に含まれていれば -1 を返し、a を前に移動させます。
• 逆に b が除外リストに含まれていれば 1 を返し、b を前に移動させます。
• どちらも除外リストに含まれない通常の要素同士であれば、a > b ? 1 : -1 の条件式によって標準的なアルファベット順の比較を行います。

なお、より厳密な実装では両方の要素が除外リストに含まれるケースや同一の値の場合（0 を返すケース）も考慮すると、ソートの安定性が向上します。

出力結果

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

[
  'nathan', 'disco',
  'umbrella', 'zebra',
  'apple', 'ball',
  'cat', 'jack',
  'kite', 'lemon'
]

ご覧のとおり、nathan・disco・umbrella・zebra の4つの単語が先頭にまとめられ、それ以外の要素は apple から lemon まで正しくアルファベット順に並んでいます。このテクニックを使えば、「優先表示したい項目」を含む柔軟なカスタムソートを簡単に実装できます。