JavaScriptでundefined（未定義値）を含む配列をソートする方法

undefinedを含む配列をソートするには

JavaScriptでは、sort()メソッドを使うことで、文字列とundefinedが混在する配列でも簡単に並べ替えることができます。

まず、次のように文字列値とundefinedが混ざった配列を用意します。

var studentNames = ["Mike", undefined, "Adam", "Bob", undefined, "Carol"];

この配列に対してsort()を使用します。sort()には比較関数（コールバック関数）を渡すことができ、ここでは昇順に並べ替えるための独自のロジックを実装しています。

コード例

var studentNames = ["Mike", undefined, "Adam", "Bob", undefined, "Carol"];
var sortingInAscendingOrder = (first, second) => {
    if (first === "") return 1;
    if (second === "") return -1;
    return first.localeCompare(second);
};
studentNames.sort(sortingInAscendingOrder);
console.log(studentNames);

上記のプログラムを実行するには、Node.jsで次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo275.js」として保存しています。

実行結果

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

PS C:\Users\Amit\javascript-code> node demo275.js
[ 'Adam', 'Bob', 'Carol', 'Mike', undefined, undefined ]

ポイント解説

JavaScriptのArray.prototype.sort()は、ECMAScriptの仕様により、undefinedの要素を比較関数を呼び出すことなく自動的に配列の末尾へ移動させます。そのため、比較関数内ではlocaleCompare()を使って文字列同士を比較するだけでよく、結果として文字列部分が昇順に整列され、undefinedはすべて最後にまとめられます。

なお、比較関数の中で空文字列（""）をチェックしているのは、万が一空の値が含まれていた場合にも後ろへ送るための安全策です。このように比較関数を工夫することで、欠損値を含むデータでも意図した順序でソート処理を行えます。