Сортировка объектов в массиве в алфавитном порядке по одному свойству массива

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"]

Но как мне заставить его работать со списком объектов?

jdavis
источник
Вы можете передать функцию сортировки в качестве первого аргумента .sort ().
Пол Томблин
2
Поскольку вы используете DepartmentFactoryв качестве конструктора, создайте его объекты с помощью new DepartmentFactory, иначе массив будет заполнен кучей undefinedзначений.
Анураг

Ответы:

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;не собираюсь редактировать ваш ответ, оставляя надежду, что я хотя бы вспомню кое-что… :)
Michael Tranchida
Спасибо за этот Омер
Тед Фицпатрик
Нашел проблему с этим кодом. Используйте комбинацию строчных и заглавных букв. ех. credit_card_no и город. Код сортирует список, но слова, начинающиеся с 'c', не группируются вместе.
Кедар
157

Для поддержки Unicode:

objArray.sort(function(a, b) {
   return a.DepartmentName.localeCompare(b.DepartmentName);
});
Рон Торнамбе
источник
7
Для версии без return a.DepartmentName.toLowerCase().localeCompare(b.DepartmentName.toLowerCase());
учета
3
узнавать что-то новое каждый день - localeCompareэто круто и имеет поддержку всех браузеров для первого аргумента. Неплохо!
obzenner
4
@BenBarreth нет причин для строчных букв в нижнем регистре. весь смысл в localeCompareтом, чтобы свести на нет работу по управлению логикой сортировки и причудами локали в системе. Если делать регистронезависимый вид нормально для местности, как на английском, это будет сделано для вас: "Z" > 'a' // false "Z".localeCompare('a') // 1 Если вы хотите отойти от дефолта локал, вы можете отправить по переопределениям в localesи optionsпараметрах: developer.mozilla. org / en-US / docs / Web / JavaScript / Reference /…
Джон
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

DEMO

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.id.localeCompare(b.id, 'en', {'sensitivity': 'base'}));

Это сортирует их по алфавиту И не учитывает регистр. Это также очень чисто и легко читается: D

Alissa
источник
Гораздо элегантнее принятого решения!
Кано
Это также единственный ответ, который упоминает 'sensitivity': 'base', который имеет большое значение в зависимости от вашего приложения в соответствии с MDN .
фантома
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)
nickleefly
источник
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

Вы должны передать функцию, которая принимает два параметра, сравнивает их и возвращает число, поэтому, если вы хотите отсортировать их по идентификатору, вы напишите ...

objArray.sort(function(a,b) {
    return a.id-b.id;
});
// objArray is now sorted by Id
zconnelly13
источник
5
Он спросил о сортировке по DepartmentName, а не по Id.
Пол Томблин
Я пробовал это, и это не похоже на строковые столбцы ... это работало на столбце даты. То, что сработало, было решением от @ 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);
Александр Маньо Телес Зимерер
источник
-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;
});
Маша
источник