JavaScriptでオブジェクト配列を値に基づいて並べ替える方法

はじめに

JavaScriptでは、sort()メソッドを使うことで、キーと値のペアを持つオブジェクトの配列を、特定のプロパティの値に基づいて簡単に並べ替えることができます。文字列を比較する場合には、localeCompare()を組み合わせることで、アルファベット順に正確にソートできます。

例として、次のような学生情報のオブジェクト配列を用意します。

var details = [
    { studentId: 100, name: "John" },
    { studentId: 110, name: "Adam" },
    { studentId: 120, name: "Carol" },
    { studentId: 130, name: "Bob" },
    { studentId: 140, name: "David" }
];

sort()による並べ替えの手順

上記の配列をnameプロパティ（値）に基づいて並べ替えるには、sort()メソッドを使用します。コールバック関数内でlocaleCompare()を呼び出すことにより、文字列同士が比較され、辞書順に並べ替えられます。

サンプルコード

以下がそのコードです。

var details = [
    { studentId: 100, name: "John" },
    { studentId: 110, name: "Adam" },
    { studentId: 120, name: "Carol" },
    { studentId: 130, name: "Bob" },
    { studentId: 140, name: "David" }
];
details = details.sort(function (obj1, obj2) {
    return obj1.name.localeCompare(obj2.name);
});
console.log(details);

プログラムの実行方法

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

node fileName.js

ここでは、ファイル名をdemo253.jsとしています。

実行結果

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

PS C:\Users\Amit\javascript-code> node demo253.js
[
    { studentId: 110, name: 'Adam' },
    { studentId: 130, name: 'Bob' },
    { studentId: 120, name: 'Carol' },
    { studentId: 140, name: 'David' },
    { studentId: 100, name: 'John' }
]

結果の解説

出力結果を見ると、studentIdの順番ではなく、nameのアルファベット順（Adam → Bob → Carol → David → John）に並べ替えられていることがわかります。localeCompare()はロケールに基づいて文字列を比較するため、日本語など多言語のデータを扱う際にも活用できます。

なお、数値プロパティでソートしたい場合は、コールバック関数内でreturn obj1.studentId - obj2.studentId;のように減算して比較するのが一般的です。昇順・降順は戻り値の符号を反転させることで切り替えられますので、用途に応じて使い分けましょう。