JavaScriptで文字列プロパティの値をもとにオブジェクトの配列を並べ替える方法

次のようなオブジェクトの配列があるとします。

const arr = [
    { first_name: 'Lazslo', last_name: 'Jamf' },
    { first_name: 'Pig', last_name: 'Bodine' },
    { first_name: 'Pirate', last_name: 'Prentice' }
];

この配列を受け取り、last_nameキーの値をアルファベット順に並べ替えるJavaScript関数を作成する必要があります。

それでは、この関数のコードを書いてみましょう。

コード例

コードは次のとおりです。

const arr = [
    { first_name: 'Lazslo', last_name: 'Jamf' },
    { first_name: 'Pig', last_name: 'Bodine' },
    { first_name: 'Pirate', last_name: 'Prentice' }
];
const sortByLastName = arr => {
    arr.sort((a, b) => {
        return a.last_name.charCodeAt(0) - b.last_name.charCodeAt(0);
    });
};
sortByLastName(arr);
console.log(arr);

出力結果

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

[
    { first_name: 'Pig', last_name: 'Bodine' },
    { first_name: 'Lazslo', last_name: 'Jamf' },
    { first_name: 'Pirate', last_name: 'Prentice' }
]

コードの解説

このコードでは、配列のsort()メソッドにコールバック関数を渡しています。コールバック関数の中では、charCodeAt(0)を使って各last_nameの先頭1文字の文字コードを取得し、その差を返すことで昇順に並べ替えています。差が負ならaが前、正ならbが前、0なら順序が維持されます。

より堅牢な方法：localeCompare()を使う

charCodeAt(0)は先頭の1文字しか比較しないため、先頭文字が同じ場合（例：「Smith」と「Sawyer」）には正しく並べ替えられない点に注意が必要です。文字列全体を比較したい場合は、localeCompare()メソッドを使うのがおすすめです。

const sortByLastName = arr => {
    arr.sort((a, b) => a.last_name.localeCompare(b.last_name));
};

localeCompare()は文字列全体を比較し、ロケールに応じた自然な順序で並べ替えを行えるため、実務ではこちらの方法がより安全で確実です。大文字・小文字が混在するデータでも安定した結果が得られます。