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?

DDD
DDDOriginal
2024-12-22 06:18:28462Durchsuche

How Do I Sort a JavaScript Object's Keys Alphabetically?

JavaScript-Objekte nach Schlüssel sortieren: Eine aktualisierte Anleitung

JavaScript-Objekte behalten die Reihenfolge ihrer Eigenschaften im Quellcode bei. Diese Reihenfolge spiegelt jedoch möglicherweise nicht immer die gewünschte Sortieranordnung wider. Um dies zu beheben, ist es wichtig zu verstehen, wie JavaScript die Iteration von Objekteigenschaften handhabt.

In modernem JavaScript (ES6) folgen Objektiterationsmethoden einer bestimmten Reihenfolge:

  1. Array-Indizes werden numerisch sortiert .
  2. String-Schlüssel werden in der Reihenfolge sortiert, in der sie erstellt wurden.
  3. Symbole werden in der Reihenfolge sortiert sie wurden erstellt.

Das bedeutet, dass JavaScript-Objekte standardmäßig sortiert sind, sodass Sie die Reihenfolge der Schlüssel nach Bedarf ändern können.

Um ein Objekt alphabetisch nach seinen Schlüsseln zu sortieren, müssen Sie kann die folgenden Schritte nutzen:

  1. Extrahieren Sie die Objektschlüssel mit Object.keys(object) in ein Array.
  2. Sortieren Sie das Schlüsselarray alphabetisch mit sort().
  3. Durchlaufen Sie die sortierten Schlüssel und erstellen Sie ein neues Objekt mit der Methode Reduce():

    • Weisen Sie für jeden Schlüssel den zugehörigen Wert zu dieser Schlüssel im Originalobjekt.

Für Beispiel:

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

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

Dieser Code gibt ein Objekt mit alphabetisch sortierten Schlüsseln aus:

{
  'a': 'baz',
  'b': 'foo',
  'c': 'bar'
}

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!

Stellungnahme:
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