So sortieren Sie eine Reihe von Objekten nach Eigenschaft in JavaScript

So sortieren Sie eine Reihe von Objekten nach Eigenschaft in JavaScript
Sortieren ist das Konzept, Elemente auf eine bestimmte Weise zu arrangieren. In JavaScript hat das Sortieren eines Arrays eine erhebliche Bedeutung für die Anordnung von Elementen in Ascending sowie absteigender Reihenfolge. Zum Beispiel das Array.Sort () Methode wird verwendet, um ein Array basierend auf Objekteigenschaften zu sortieren.

Der Artikel zeigt, wie ein Array nach Objekteigenschaft in JavaScript sortiert werden kann. Der Inhalt dieser Anleitung ist wie folgt.

  • So sortieren Sie Array nach Objekteigenschaft in JavaScript
  • Beispiel 1: Sortieren Sie das Array nach alphabetischer Reihenfolge mit der Namenseigenschaft in JavaScript
  • Beispiel 2: Sortieren Sie das Array nach numerischer Reihenfolge anhand der Alterseigenschaft in JavaScript

So sortieren Sie Array nach Objekteigenschaft in JavaScript?

Der Array.Sortieren() Die Methode erleichtert die Sortierung der Array -Elemente mithilfe der Rückruffunktion. Die Rückruffunktion iteriert alle Elemente, die auf Objekteigenschaften im Array basieren. Das Ziel dieser Methode ist es, alle Elemente durch Erfüllung der benutzerdefinierten Bedingungen zu berechnen. Standardmäßig die Array.Sortieren() Die Methode gibt eine aufsteigende Folge der Elemente im vorhandenen Array zurück.

Syntax

Array.Sortieren()


Notiz: Die Methode wird verwendet, um sowohl die numerischen als auch die alphabetischen Elemente zu sortieren.

Beispiel 1: Sortieren Sie das Array nach alphabetischer Reihenfolge mit der Namenseigenschaft in JavaScript

Ein Beispiel wird verwendet, um die Sortierung der Array -Werte durch die Eigenschaft in JavaScript durchzuführen.

Code

Konsole.log ("ein Beispiel für Sortierarray in JavaScript");
const lehrer = [
Name: "John", Alter: 30,
Name: "Peter", Alter: 27,
Name: "Bob", Alter: 38
];
Lehrer.sortieren ((x, y) => x.Name.localecompare (y.Name));
Konsole.Protokoll (Lehrer);


Die Erläuterung des Code ist unten aufgeführt:

  • Eine Anordnung "Lehrer”Wird erstellt, in dem Name Und Alter Eigenschaften werden gespeichert.
  • Eine Methode "localecompare”Ist angepasst, um das zu vergleichen Name
  • Der Sortieren() Methode wird verwendet, um eine zu rufen “localecompare ()Methode zum Vergleich des ersten Alphabets der Name
  • Diese Methode führt Iteration durch alle Elemente im aktuellen Array durch.
  • Endlich, das Konsole.Protokoll() Die Methode wird verwendet, um die Werte der Namenseigenschaft in alphabetischer Reihenfolge anzuzeigen.


Ausgang


Die Ausgabe gibt das sortierte Array in alphabetischer Reihenfolge zurück, wie z Bob, John, Und Peter.

Beispiel 2: Sortieren Sie das Array nach numerischer Reihenfolge anhand der Alterseigenschaft in JavaScript

Ein weiteres Beispiel wird befolgt, um das Array über die Objekteigenschaften in JavaScript zu sortieren.

Code

Konsole.log ("ein Beispiel für Sortierarray in JavaScript");
var objar = [
Name: "John", Alter: 30,
Name: "Peter", Alter: 27,
Name: "Bob", Alter: 38
];
Ausgabe = Objar.sortieren (cmpage);
Funktion cmpage (a, b)

Rückkehr a.Alter - b.Alter;

Konsole.Protokoll (Ausgabe);


In diesem Code:

  • Eine Anordnung Objar wird erstellt, in dem Name Und Alter Eigenschaften werden gespeichert.
  • Danach eine Methode genannt cmpage wird verwendet, um die zu vergleichen Alter
  • Außerdem die Sortieren() Methode wird verwendet, um das aufzurufen cmpage () Methode, um die zu vergleichen Alter
  • Die Methode bewertet alle Werte der Alter Eigenschaft im Array.
  • Am Ende die Konsole.Protokoll() Die Methode wird verwendet, um die Alterseigentum in aufsteigender Reihenfolge anzuzeigen.


Ausgang


Die Ausgabe zeigt das sortierte Array mit der Verwendung des Alter Eigenschaft in JavaScript.

Abschluss

In JavaScript die integrierte Methode Array.Sortieren() wird eingesetzt, um ein Array zu sortieren, indem er auf seine Eigenschaften zugreift. Die Methode verwendet die Rückruffunktion, um Iterationen durch alle Elemente im vorhandenen Array durchzuführen. Es wird gezeigt, dass zwei Beispiele das Array sortieren nach alphabetisch ebenso gut wie numerisch Befehl. Daher müssen Sie verstehen, wie ein Array nach den Eigenschaften von Objekten sortiert werden kann. Darüber hinaus unterstützen alle berühmten Browser die Array.Sortieren() Methode von JavaScript.