Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie sortiere ich ein JavaScript-Objekt alphabetisch nach Eigenschaftsnamen?

DDD
Freigeben: 2024-11-01 18:14:30
Original
493 Leute haben es durchsucht

How to Sort a JavaScript Object Alphabetically by Property Name?

Sortieren eines JavaScript-Objekts nach Eigenschaftsnamen

F: Wie kann ich ein JavaScript-Objekt wie dieses alphabetisch nach Eigenschaftsnamen sortieren?

{
    method: 'artist.getInfo',
    artist: 'Green Day',
    format: 'json',
    api_key: 'fa3af76b9396d0091c9c41ebe3c63716'
}
Nach dem Login kopieren

Ergebnis:

{
    api_key: 'fa3af76b9396d0091c9c41ebe3c63716',
    artist: 'Green Day',
    format: 'json',
    method: 'artist.getInfo'
}
Nach dem Login kopieren

A: Beachten Sie, dass in ES6 und höher die Schlüssel der Objekte jetzt geordnet sind.

Zuvor war die Reihenfolge der Schlüssel in einem Objekt undefiniert Dies macht es schwierig, ein Objekt konsistent zu sortieren. Erwägen Sie, die Schlüssel zu sortieren, wenn das Objekt Benutzern angezeigt wird, anstatt sich auf die interne Sortierreihenfolge zu verlassen.

Wenn jedoch die Reihenfolge beibehalten wird, ist eine Möglichkeit zum Sortieren eines Objekts nach Eigenschaftsnamen:

function sortObject(o) {
    var sorted = {},
        key, a = [];

    for (key in o) {
        if (o.hasOwnProperty(key)) {
            a.push(key);
        }
    }

    a.sort();

    for (key = 0; key < a.length; key++) {
        sorted[a[key]] = o[a[key]];
    }

    return sorted;
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie sortiere ich ein JavaScript-Objekt alphabetisch nach Eigenschaftsnamen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!