Heim > Web-Frontend > js-Tutorial > Wie sortiere ich die Schlüssel eines JavaScript-Objekts alphabetisch?

Wie sortiere ich die Schlüssel eines JavaScript-Objekts alphabetisch?

Barbara Streisand
Freigeben: 2024-12-24 03:29:17
Original
736 Leute haben es durchsucht

How to Sort a JavaScript Object's Keys Alphabetically?

So sortieren Sie JavaScript-Objekte nach Schlüssel

Wenn Sie ein JavaScript-Objekt haben, möchten Sie seine Eigenschaften möglicherweise alphabetisch neu organisieren, um die Lesbarkeit zu verbessern Verarbeitungszwecke. Dies kann durch die folgenden Schritte erreicht werden:


  • Extrahieren Sie die Schlüssel des Objekts in ein Array mit
    Object.keys(...)</ pre>.</li></p>
    <p><li>Sortieren Sie das Tastenarray alphabetisch nach <pre class="brush:php;toolbar:false">.sort()
    .
  • Erstellen Sie ein neues Objekt, um die sortierten Eigenschaften zu speichern. Durchlaufen Sie das sortierte Schlüsselarray und fügen Sie jeden Schlüssel zusammen mit seinem entsprechenden Wert vom ursprünglichen Objekt zum neuen Objekt hinzu, indem Sie eine Reduzierfunktion verwenden.

Der folgende Code demonstriert den Vorgang:

const unordered = {
  'b': 'foo',
  'c': 'bar',
  'a': 'baz'
};

console.log(JSON.stringify(unordered));
// → '{"b":"foo","c":"bar","a":"baz"}'

const ordered = Object.keys(unordered).sort().reduce(
  (obj, key) => {
    obj[key] = unordered[key];
    return obj;
  },
  {}
);

console.log(JSON.stringify(ordered));
// → '{"a":"baz","b":"foo","c":"bar"}'
Nach dem Login kopieren

Nachdem Sie diese Schritte ausgeführt haben, wird Ihr Objekt alphabetisch nach seinen Schlüsseln sortiert.

Das obige ist der detaillierte Inhalt vonWie sortiere ich die Schlüssel eines JavaScript-Objekts alphabetisch?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage