配列の1つのプロパティで配列内のオブジェクトをアルファベット順に並べ替えます

201

このようなJavaScriptクラスがあるとしましょう

var DepartmentFactory = function(data) {
    this.id = data.Id;
    this.name = data.DepartmentName;
    this.active = data.Active;
}

次に、そのクラスの多数のインスタンスを作成し、それらを配列に格納するとします

var objArray = [];
objArray.push(DepartmentFactory({Id: 1, DepartmentName: 'Marketing', Active: true}));
objArray.push(DepartmentFactory({Id: 2, DepartmentName: 'Sales', Active: true}));
objArray.push(DepartmentFactory({Id: 3, DepartmentName: 'Development', Active: true}));
objArray.push(DepartmentFactory({Id: 4, DepartmentName: 'Accounting', Active: true}));

したがって、で作成されDepartmentFactoryたオブジェクトの配列ができます。array.sort()メソッドを使用して、このオブジェクトの配列DepartmentNameを各オブジェクトのプロパティで並べ替えるにはどうすればよいですか？

このarray.sort()メソッドは、文字列の配列をソートするときにうまく機能します

var myarray=["Bob", "Bully", "Amy"];
myarray.sort(); //Array now becomes ["Amy", "Bob", "Bully"]

しかし、オブジェクトのリストを使用するにはどうすればよいですか？

javascript 
— jdavis
ソース
.sort（）の最初の引数としてソート関数を渡すことができます。
— Paul Tomblin、
2
DepartmentFactoryコンストラクタとして使用しているので、を使用してオブジェクトを作成しますnew DepartmentFactory。それ以外の場合、配列は一連のundefined値で埋められます。
— Anurag 2012年

回答:

342

あなたはこのようなことをしなければならないでしょう：

objArray.sort(function(a, b) {
    var textA = a.DepartmentName.toUpperCase();
    var textB = b.DepartmentName.toUpperCase();
    return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
});

注：（大文字または小文字に）大文字と小文字を変更すると、大文字と小文字を区別しないソートが保証されます。

— オメル・ボカリ
ソース
3
私はこれを行う方法を思い出すことができないので、私はあなたの答えに50億兆回来ました。FWIW、私のリンターは常に「表現の周りのreturn (textA < textB) ? -1 : (textA > textB) ? 1 : 0;不必要な括弧」を私に通知します：少なくとも
— リントの
このOmerをありがとう
— テッドフィッツパトリック
このコードに問題が見つかりました。小文字と大文字の組み合わせを使用してください。例。credit_card_noおよびCity。コードはリストをソートしますが、「c」で始まる単語はグループ化されません。
— ケダー
157

ユニコードをサポートするには：

objArray.sort(function(a, b) {
   return a.DepartmentName.localeCompare(b.DepartmentName);
});
— ロン・トルナンベ
ソース
7
大文字と小文字を区別しないバージョンの場合は、2行目に次のようにしますreturn a.DepartmentName.toLowerCase().localeCompare(b.DepartmentName.toLowerCase());
— ベンBarreth
3
毎日新しいことを学ぶ- localeCompareクールで、すべてのブラウザが最初の引数をサポートしています。悪くない！
— obzenner
4
@BenBarreth文字列を小文字にする理由はありません。重要なのlocaleCompareは、ソートロジックとロケールの癖を管理する作業をシステムに分岐させることです。英語のように、大文字と小文字を区別しない並べ替えが通常のロケールで行われる場合、これは自動的に行われます。 "Z" > 'a' // false "Z".localeCompare('a') // 1 ロケールのデフォルトから逸脱したい場合はlocales、optionsパラメータおよびdeveloper.mozillaで
— Jon z
12 
var DepartmentFactory = function(data) {
    this.id = data.Id;
    this.name = data.DepartmentName;
    this.active = data.Active;
}

// use `new DepartmentFactory` as given below. `new` is imporatant

var objArray = [];
objArray.push(new DepartmentFactory({Id: 1, DepartmentName: 'Marketing', Active: true}));
objArray.push(new DepartmentFactory({Id: 2, DepartmentName: 'Sales', Active: true}));
objArray.push(new DepartmentFactory({Id: 3, DepartmentName: 'Development', Active: true}));
objArray.push(new DepartmentFactory({Id: 4, DepartmentName: 'Accounting', Active: true}));

function sortOn(property){
    return function(a, b){
        if(a[property] < b[property]){
            return -1;
        }else if(a[property] > b[property]){
            return 1;
        }else{
            return 0;   
        }
    }
}

//objArray.sort(sortOn("id")); // because `this.id = data.Id;`
objArray.sort(sortOn("name")); // because `this.name = data.DepartmentName;`
console.log(objArray);

デモ：http : //jsfiddle.net/diode/hdgeH/

— ダイオード
ソース
9 
// Sorts an array of objects "in place". (Meaning that the original array will be modified and nothing gets returned.)
function sortOn (arr, prop) {
    arr.sort (
        function (a, b) {
            if (a[prop] < b[prop]){
                return -1;
            } else if (a[prop] > b[prop]){
                return 1;
            } else {
                return 0;   
            }
        }
    );
}

//Usage example:

var cars = [
        {make:"AMC",        model:"Pacer",  year:1978},
        {make:"Koenigsegg", model:"CCGT",   year:2011},
        {make:"Pagani",     model:"Zonda",  year:2006},
        ];

// ------- make -------
sortOn(cars, "make");
console.log(cars);

/* OUTPUT:
AMC         : Pacer : 1978
Koenigsegg  : CCGT  : 2011
Pagani      : Zonda : 2006
*/



// ------- model -------
sortOn(cars, "model");
console.log(cars);

/* OUTPUT:
Koenigsegg  : CCGT  : 2011
AMC         : Pacer : 1978
Pagani      : Zonda : 2006
*/



// ------- year -------
sortOn(cars, "year");
console.log(cars);

/* OUTPUT:
AMC         : Pacer : 1978
Pagani      : Zonda : 2006
Koenigsegg  : CCGT  : 2011
*/
— ボブ
ソース
5

デモ

var DepartmentFactory = function(data) {
    this.id = data.Id;
    this.name = data.DepartmentName;
    this.active = data.Active;
}

var objArray = [];
objArray.push(new DepartmentFactory({Id: 1, DepartmentName: 'Marketing', Active: true}));
objArray.push(new DepartmentFactory({Id: 2, DepartmentName: 'Sales', Active: true}));
objArray.push(new DepartmentFactory({Id: 3, DepartmentName: 'Development', Active: true}));
objArray.push(new DepartmentFactory({Id: 4, DepartmentName: 'Accounting', Active: true}));

console.log(objArray.sort(function(a, b) { return a.name > b.name}));
— qwertymk
ソース
2 
objArray.sort((a, b) => a.DepartmentName.localeCompare(b.DepartmentName))
— ニール
ソース
1

このようにしてください

objArrayy.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)
});
console.log(objArray)
— ニックリーフライ
ソース
1 
objArray.sort( (a, b) => a.id.localeCompare(b.id, 'en', {'sensitivity': 'base'}));

これはそれらをアルファベット順にソートし、大文字と小文字を区別しません。また、とてもきれいで読みやすいです：D

— アリッサ
ソース
受け入れられているソリューションよりもはるかにエレガントです！
— カノ
0

以下は、プロパティを通じてオブジェクトの配列をソートするために使用できる単純な関数です。プロパティが文字列型か整数型かは関係ありませんが、機能します。

    var cars = [
        {make:"AMC",        model:"Pacer",  year:1978},
        {make:"Koenigsegg", model:"CCGT",   year:2011},
        {make:"Pagani",     model:"Zonda",  year:2006},
    ];

    function sortObjectsByProp(objectsArr, prop, ascending = true) {
        let objectsHaveProp = objectsArr.every(object => object.hasOwnProperty(prop));
        if(objectsHaveProp)    {
            let newObjectsArr = objectsArr.slice();
            newObjectsArr.sort((a, b) => {
                if(isNaN(Number(a[prop])))  {
                    let textA = a[prop].toUpperCase(),
                        textB = b[prop].toUpperCase();
                    if(ascending)   {
                        return textA < textB ? -1 : textA > textB ? 1 : 0;
                    } else {
                        return textB < textA ? -1 : textB > textA ? 1 : 0;
                    }
                } else {
                    return ascending ? a[prop] - b[prop] : b[prop] - a[prop];
                }
            });
            return newObjectsArr;
        }
        return objectsArr;
    }

    let sortedByMake = sortObjectsByProp(cars, "make"); // returns ascending order by its make;
    let sortedByYear = sortObjectsByProp(cars, "year", false); // returns descending order by its year,since we put false as a third argument;
    console.log(sortedByMake);
    console.log(sortedByYear);
スニペットを展開

— マイケルノーワード
ソース
-1

2つのパラメーターを受け入れ、それらを比較し、数値を返す関数を渡す必要があるため、IDでそれらをソートする場合は、次のように記述します...

objArray.sort(function(a,b) {
    return a.id-b.id;
});
// objArray is now sorted by Id
— zconnelly13
ソース
5
Idではなく、DepartmentNameによるソートについて質問しました。
— ポールトンブリン
私はこれを試しましたが、これは文字列列では機能しないようです...それは日付列で機能しました。うまくいったのは、@ omer-bokhariからのソリューションでした
— tsando
-2

これを少し試して、ループをできるだけ少なくしようとした後、私はこの解決策に終わりました：

コードペンでのデモ

const items = [
      {
        name: 'One'
      },
      {
        name: 'Maria is here'
      },
      {
        name: 'Another'
      },
      {
        name: 'Z with a z'
      },
      {
        name: '1 number'
      },
      {
        name: 'Two not a number'
      },
      {
        name: 'Third'
      },
      {
        name: 'Giant'
      }
    ];

    const sorted = items.sort((a, b) => {
      return a[name] > b[name];
    });

    let sortedAlphabetically = {};

    for(var item in sorted) {
      const firstLetter = sorted[item].name[0];
      if(sortedAlphabetically[firstLetter]) {
        sortedAlphabetically[firstLetter].push(sorted[item]);
      } else {
        sortedAlphabetically[firstLetter] = [sorted[item]]; 
      }
    }

    console.log('sorted', sortedAlphabetically);
— Alexandre Magno Teles Zimerer
ソース
-3

簡単な答え： 

objArray.sort(function(obj1, obj2) {
   return obj1.DepartmentName > obj2.DepartmentName;
});

ES6の方法：

objArray.sort((obj1, obj2) => {return obj1.DepartmentName > obj2.DepartmentName};

小文字/大文字などにする必要がある場合は、そのようにして、その結果を変数に格納してから、その変数を比較します。例： 

objArray.sort((obj1, obj2) => {
   var firstObj = obj1.toLowerCase();
   var secondObj = obj2.toLowerCase();
   return firstObj.DepartmentName > secondObj.DepartmentName;
});
— マーシャ
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.