Sortieren Sie das Array in Javascript nach Vorname (alphabetisch)

Ich habe ein Array (siehe unten für ein Objekt im Array), das ich mit JavaScript nach Vorname sortieren muss. Wie kann ich es tun?

var user = {
   bio: null,
   email:  "[email protected]",
   firstname: "Anna",
   id: 318,
   lastAvatar: null,
   lastMessage: null,
   lastname: "Nickson",
   nickname: "anny"
};

Angenommen, Sie haben ein Array users. Sie können users.sorteine Funktion verwenden und übergeben, die zwei Argumente verwendet und diese vergleicht (Komparator).

Es sollte zurückkehren

• etwas Negatives, wenn das erste Argument kleiner als das zweite ist (sollte im resultierenden Array vor dem zweiten stehen)
• etwas Positives, wenn das erste Argument größer ist (sollte nach dem zweiten stehen)
• 0, wenn diese beiden Elemente gleich sind.

In unserem Fall, wenn zwei Elemente sind aund bwir vergleichen wollen a.firstnameundb.firstname

Beispiel:

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

Dieser Code funktioniert mit jedem Typ.

Beachten Sie, dass Sie in "real life" ™ beim Vergleichen von Zeichenfolgen häufig Groß- und Kleinschreibung ignorieren, diakritische Zeichen, seltsame Symbole wie ß usw. korrekt sortieren möchten localeCompare. Weitere Antworten finden Sie zur Klarheit.

Kürzester Code mit ES6!

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

Die grundlegende Unterstützung von String.prototype.localeCompare () ist universell!

Etwas wie das:

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

Wenn im Vergleich Strings Unicode - Zeichen enthalten können Sie mit localeCompareFunktion der StringKlasse wie folgt aus :

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

Netter kleiner ES6 Einzeiler:

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

Wir können localeCompare verwenden, müssen aber auch die Schlüssel auf Falsey-Werte überprüfen

Der folgende Code funktioniert nicht, wenn in einem Eintrag lname fehlt.

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

Wir müssen also wie unten nach dem Falsey-Wert suchen

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

ODER

Wir können Lodash verwenden, es ist sehr einfach. Es erkennt die zurückgegebenen Werte, dh ob Zahl oder Zeichenfolge, und sortiert entsprechend.

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

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

underscorejs bietet die sehr schöne Funktion _.sortBy:

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

oder Sie können eine benutzerdefinierte Sortierfunktion verwenden:

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

Wenn wir Namen oder etwas mit Sonderzeichen wie ñ oder áéíóú (Commons auf Spanisch) sortieren, können wir die params- Gebietsschemas ( in diesem Fall es für Spanisch) und folgende Optionen verwenden :

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)

Die offiziellen Gebietsschemaoptionen finden Sie hier in iana , es (Spanisch), de (Deutsch), fr (Französisch). Über Empfindlichkeit Basismittel:

Nur Zeichenfolgen, die sich in den Basisbuchstaben unterscheiden, werden als ungleich verglichen. Beispiele: a ≠ b, a = á, a = A.

Grundsätzlich können Sie Arrays mit der Methode sort sortieren. Wenn Sie jedoch Objekte sortieren möchten, müssen Sie die Funktion übergeben, um die Methode des Arrays zu sortieren. Daher werde ich Ihnen ein Beispiel für die Verwendung Ihres Arrays geben

user = [{
bio: "<null>",
email: "[email protected]",
firstname: 'Anna',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "[email protected]",
firstname: 'Senad',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "[email protected]",
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;
});

Inspiriert von dieser Antwort,

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

Eine kompaktere Notation:

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

Auch für asec und desc sort können Sie Folgendes verwenden: Angenommen, wir haben eine Variable SortType , die die gewünschte aufsteigende oder absteigende Sortierung angibt:

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

Eine verallgemeinerte Funktion kann wie folgt geschrieben werden

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

Sie können die folgenden Parameter übergeben

1. Die Daten, die Sie sortieren möchten
2. Die Eigenschaft in den Daten sollte danach sortiert werden
3. Der letzte Parameter ist vom booleschen Typ. Es wird geprüft, ob Sie nach aufsteigend oder absteigend sortieren möchten

Versuchen

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

Sie können dies für Objekte verwenden

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

In einfachen Worten können Sie diese Methode verwenden

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

Sie können die eingebaute Array-Methode - verwenden sort. Diese Methode verwendet eine Rückrufmethode als Parameter

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

Wichtige Punkte zum Verständnis dieses Codes.

1. In diesem Fall myCustomSortsollte die benutzerdefinierte Methode für jedes Elementpaar (aus dem Eingabearray) einen Vergleich von +1 oder -1 zurückgeben.
2. Verwenden Sie toLowerCase()/ toUpperCase()in der benutzerdefinierten Sortierrückrufmethode, damit der Unterschied zwischen Groß- und Kleinschreibung die Richtigkeit des Sortiervorgangs nicht beeinträchtigt.

Ich hoffe, das ist klar genug. Fühlen Sie sich frei zu kommentieren, wenn Sie denken, dass weitere Informationen benötigt werden.

Prost!

Schob die Top-Antworten in einen Prototyp, um nach Schlüssel zu sortieren.

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;
};

Sie können etwas Ähnliches verwenden, um die Groß- und Kleinschreibung zu entfernen

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;

})

Meine Implementierung funktioniert hervorragend in älteren ES-Versionen:

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;
};

Nur für den Datensatz, wenn Sie eine benannte Sortierfunktion haben möchten, lautet die Syntax wie folgt:

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

Beachten Sie, dass Folgendes NICHT funktioniert:

users.sort(sortFunction(a,b))