Сортувати масив за іменем (в алфавітному порядку) у Javascript

У мене з’явився масив (див. Нижче один об’єкт у масиві), який мені потрібно сортувати за іменем за допомогою JavaScript. Як я можу це зробити?

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

Припустимо, у вас є масив users. Ви можете використовувати users.sortта передавати функцію, яка бере два аргументи, та порівнювати їх (порівняльник)

Це має повернутися

• щось негативне, якщо перший аргумент менший за другий (має бути розміщений перед другим у результуючому масиві)
• щось позитивне, якщо перший аргумент більший (слід ставити після другого)
• 0, якщо ці два елементи рівні.

У нашому випадку, якщо два елементи є, 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;
})

Цей код буде працювати з будь-яким типом.

Зауважте, що в реальному житті ™ ви часто хочете ігнорувати регістр, правильно сортувати діакритику, дивні символи, такі як ß, тощо, коли ви порівнюєте рядки, так що ви можете використовувати 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, але потрібно перевірити також клавіші на значення фальси

Код нижче не буде працювати, якщо в одному записі відсутнє ім’я.

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())));

АБО

ми можемо використовувати лодаш, його дуже просто. Він виявить повернені значення, тобто чи число чи рядок, і сортуватиме відповідно.

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()})

У разі , якщо ми сортуємо імена або що - то зі спеціальними символами, наприклад ñ або AEIOU (Загальними іспанською мовою) , ми могли б використовувати Params локалі ( ес для іспанського в даному випадку) і варіанти , як це:

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.

В основному ви можете сортувати масиви методом сортування, але якщо ви хочете сортувати об'єкти, вам доведеться передати функцію сортування методу масиву, тому я наведу вам приклад за допомогою масиву

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 сортування, ви можете використовувати це: припустимо, у нас є змінний 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))