JavaScriptで配列を名（アルファベット順）で並べ替え

JavaScriptを使用して名で並べ替える必要がある配列（配列内の1つのオブジェクトについては以下を参照）を取得しました。どうすればできますか？

var user = {
   bio: null,
   email:  "user@domain.com",
   firstname: "Anna",
   id: 318,
   lastAvatar: null,
   lastMessage: null,
   lastname: "Nickson",
   nickname: "anny"
};

配列があるとしますusers。users.sort2つの引数を取り、それらを比較する関数（コンパレータ）を使用して渡すことができます。

戻るはず

• 最初の引数が2番目の引数より小さい場合は負の値（結果の配列で2番目の引数の前に配置する必要があります）
• 最初の引数の方が大きい場合は正の値（2番目の引数の後に配置する必要があります）
• これらの2つの要素が等しい場合は0。

今回の場合、2つの要素がaありb、比較a.firstnameしてb.firstname

例：

users.sort(function(a, b){
    if(a.firstname < b.firstname) { return -1; }
    if(a.firstname > b.firstname) { return 1; }
    return 0;
})

このコードはどのタイプでも機能します。

「real life」™では、文字列を比較するときに、大/小文字を無視したり、発音区別符号、ßなどの奇妙な記号を正しくソートしたりすることがよくあるため、を使用することをお勧めしますlocaleCompare。明確にするために他の回答を参照してください。

ES6で可能な最短のコード！

users.sort((a, b) => a.firstname.localeCompare(b.firstname))

String.prototype.localeCompare（）基本サポートは普遍的です！

このようなもの：

array.sort(function(a, b){
 var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase();
 if (nameA < nameB) //sort string ascending
  return -1;
 if (nameA > nameB)
  return 1;
 return 0; //default return value (no sorting)
});

比較される文字列にUnicode文字が含まれている場合、次のようなクラスのlocaleCompare関数を使用できStringます。

users.sort(function(a,b){
    return a.firstname.localeCompare(b.firstname);
})

素敵な小さなES6ワンライナー：

users.sort((a, b) => a.firstname !== b.firstname ? a.firstname < b.firstname ? -1 : 1 : 0);

localeCompareを使用できますが、誤った値がないかキーもチェックする必要があります

1つのエントリにlnameがない場合、以下のコードは機能しません。

obj.sort((a, b) => a.lname.localeCompare(b.lname))

だから私たちは以下のような偽の値をチェックする必要があります

let obj=[
{name:'john',lname:'doe',address:'Alaska'},
{name:'tom',lname:'hopes',address:'California'},
{name:'harry',address:'Texas'}
]
let field='lname';
console.log(obj.sort((a, b) => (a[field] || "").toString().localeCompare((b[field] || "").toString())));

または

lodashを使用できます。これは非常に簡単です。戻り値、つまり数値か文字列かを検出し、それに応じてソートを行います。

import sortBy from 'lodash/sortBy';
sortBy(obj,'name')

https://lodash.com/docs/4.17.5#sortBy

underscorejsは、非常に優れた_.sortBy関数を提供します。

_.sortBy([{a:1},{a:3},{a:2}], "a")

または、カスタムのソート関数を使用できます。

_.sortBy([{a:"b"},{a:"c"},{a:"a"}], function(i) {return i.a.toLowerCase()})

名前や、ñやáéíóú（スペイン語では一般的）などの特殊文字を使用して並べ替える場合は、params ロケール（この場合はスペイン語のes）と次のようなオプションを使用できます。

let user = [{'firstname': 'Az'},{'firstname': 'Áb'},{'firstname':'ay'},{'firstname': 'Ña'},{'firstname': 'Nz'},{'firstname': 'ny'}];


user.sort((a, b) => a.firstname.localeCompare(b.firstname, 'es', {sensitivity: 'base'}))


console.log(user)

公式のロケールオプションは、ここiana、es（スペイン語）、de（ドイツ語）、fr（フランス語）にあります。感度 ベース手段：

ベース文字が異なる文字列のみが不等として比較されます。例：a≠b、a =á、a =A。

基本的にメソッドsortで配列を並べ替えることができますが、オブジェクトを並べ替える場合は、配列のsortメソッドに関数を渡す必要があるため、配列を使用した例を示します

user = [{
bio: "<null>",
email: "user@domain.com",
firstname: 'Anna',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "user@domain.com",
firstname: 'Senad',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "user@domain.com",
firstname: 'Muhamed',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
}];

var ar = user.sort(function(a, b)
{
  var nA = a.firstname.toLowerCase();
  var nB = b.firstname.toLowerCase();

  if(nA < nB)
    return -1;
  else if(nA > nB)
    return 1;
 return 0;
});

この答えに触発され、

users.sort((a,b) => (a.firstname  - b.firstname));

よりコンパクトな表記：

user.sort(function(a, b){
    return a.firstname === b.firstname ? 0 : a.firstname < b.firstname ? -1 : 1;
})

asecとdescの両方のソートでも、uはこれを使用できます。昇順のソートまたは降順のソートを指定する変数SortTypeがあるとします。

 users.sort(function(a,b){
            return   sortType==="asc"? a.firstName.localeCompare( b.firstName): -( a.firstName.localeCompare(  b.firstName));
        })

一般化された関数は以下のように書くことができます

    function getSortedData(data, prop, isAsc) {
        return data.sort((a, b) => (a[prop] < b[prop] ? -1 : 1) * (isAsc ? 1 : -1));
   }

以下のパラメータを渡すことができます

1. ソートしたいデータ
2. それによるデータのプロパティはソートする必要があります
3. 最後のパラメーターはブール型です。昇順または降順のどちらでソートするかをチェックします

試す

users.sort((a,b)=> (a.firstname>b.firstname)*2-1)

var users = [
  { firstname: "Kate", id: 318, /*...*/ },
  { firstname: "Anna", id: 319, /*...*/ },
  { firstname: "Cristine", id: 317, /*...*/ },
]

console.log(users.sort((a,b)=> (a.firstname>b.firstname)*2-1) );

これをオブジェクトに使用できます

transform(array: any[], field: string): any[] {
return array.sort((a, b) => a[field].toLowerCase() !== b[field].toLowerCase() ? a[field].toLowerCase() < b[field].toLowerCase() ? -1 : 1 : 0);}

簡単に言えば、この方法を使用できます

users.sort(function(a,b){return a.firstname < b.firstname ? -1 : 1});

組み込みの配列メソッド-を使用できますsort。このメソッドは、パラメータとしてコールバックメソッドを取ります

    // custom sort function to be passed as param/callback to the Array's sort method
    function myCustomSort(a, b) {
        return (a.toLowerCase() > b.toLowerCase()) ? 1 : -1;
    }

    // Actual method to be called by entity that needs sorting feature
    function sortStrings() {
        var op = Array.prototype.sort.call(arguments, myCustomSort);
    }

    // Testing the implementation
    var sortedArray = sortStrings("Burger", "Mayo1", "Pizza", "boxes", "Apples", "Mayo");
    console.log(sortedArray); //["Apples", "boxes", "Burger", "Mayo", "Mayo1", "Pizza"]

このコードを理解するための注意点。

1. この場合のカスタムメソッドは myCustomSort（入力配列からの）要素ペアの比較ごとに+1または-1を返す必要があります。
2. 大文字小文字の違いが並べ替えプロセスの正確さに影響しないように、カスタム並べ替えコールバックメソッドでtoLowerCase()/ toUpperCase()を使用します。

これが十分に明確な説明であることを願っています。必要に応じて、コメントしてください。詳しい情報が必要です。

乾杯！

キーでソートするために、上位の回答をプロトタイプにプッシュしました。

Array.prototype.alphaSortByKey= function (key) {
    this.sort(function (a, b) {
        if (a[key] < b[key])
            return -1;
        if (a[key] > b[key])
            return 1;
        return 0;
    });
    return this;
};

大文字と小文字を区別するために、類似したものを使用できます

users.sort(function(a, b){

  //compare two values
  if(a.firstname.toLowerCase() < b.firstname.toLowerCase()) return -1;
  if(a.firstname.toLowerCase() > b.firstname.toLowerCase()) return 1;
  return 0;

})

私の実装は古いESバージョンでうまく機能します：

sortObject = function(data) {
    var keys = Object.keys(data);
    var result = {};

    keys.sort();

    for(var i = 0; i < keys.length; i++) {
        var key = keys[i];

        result[key] = data[key];
    }

    return result;
};

念のため、名前付きソート関数が必要な場合の構文は次のとおりです。

let sortFunction = (a, b) => {
 if(a.firstname < b.firstname) { return -1; }
 if(a.firstname > b.firstname) { return 1; }
 return 0;
})
users.sort(sortFunction)

以下は機能しないことに注意してください。

users.sort(sortFunction(a,b))