Der Artikel zeigt, wie man ein Array nach Objekteigenschaft in JavaScript sortiert. Der in diesem Leitfaden bereitgestellte Inhalt ist wie folgt.
- So sortieren Sie ein Array nach Objekteigenschaften in JavaScript
- Beispiel 1: Array nach alphabetischer Reihenfolge sortieren, indem die Name-Eigenschaft in JavaScript verwendet wird
- Beispiel 2: Array nach numerischer Reihenfolge sortieren unter Verwendung der Alterseigenschaft in JavaScript
Wie sortiere ich ein Array nach Objekteigenschaften in JavaScript?
Das array.sort() -Methode erleichtert das Sortieren der Array-Elemente mithilfe der Callback-Funktion. Die Rückruffunktion durchläuft alle Elemente basierend auf Objekteigenschaften im Array. Das Ziel dieser Methode ist es, alle Elemente zu berechnen, indem benutzerdefinierte Bedingungen erfüllt werden. Standardmäßig ist die array.sort() -Methode gibt eine aufsteigende Reihenfolge der Elemente im vorhandenen Array zurück.
Syntax
array.sort ( )
Notiz : Die Methode wird verwendet, um sowohl die numerischen als auch die alphabetischen Elemente zu sortieren.
Beispiel 1: Array nach alphabetischer Reihenfolge sortieren, indem die Name-Eigenschaft in JavaScript verwendet wird
Ein Beispiel wird verwendet, um die Sortierung der Array-Werte über die Eigenschaft in JavaScript durchzuführen.
Code
Konsole.log ( 'Ein Beispiel für ein Sortierarray in JavaScript' ) ;
konstante Lehrer = [
{ Name: 'John' , das Alter: 30 } ,
{ Name: 'Peter' , das Alter: 27 } ,
{ Name: 'Bob' , das Alter: 38 }
] ;
Lehrer.sort ( ( x und y ) = > x.name.localeCompare ( y.name ) ) ;
Konsole.log ( Lehrer ) ;
Die Erklärung des Codes ist unten aufgeführt:
- Eine Anordnung ' Lehrer ” entsteht, in dem Name und das Alter Eigenschaften gespeichert werden.
- Eine Methode ' GebietsschemaVergleichen ” ist angepasst, um die zu vergleichen Name
- Das Sortieren() -Methode wird verwendet, um ein „ GebietsschemaVergleichen() ” Methode zum Vergleichen des ersten Alphabets der Name
- Diese Methode führt eine Iteration durch alle Elemente im aktuellen Array durch.
- Endlich, das Konsole.log() -Methode wird verwendet, um die Werte der Namenseigenschaft in alphabetischer Reihenfolge anzuzeigen.
Ausgabe
Die Ausgabe gibt das sortierte Array in alphabetischer Reihenfolge zurück, z Bob, Johannes, und Peter .
Beispiel 2: Array nach numerischer Reihenfolge sortieren unter Verwendung der Alterseigenschaft in JavaScript
Es folgt ein weiteres Beispiel, um das Sortieren des Arrays über die Objekteigenschaften in JavaScript durchzuführen.
Code
Konsole.log ( 'Ein Beispiel für ein Sortierarray in JavaScript' ) ;wo objAr = [
{ Name: 'John' , das Alter: 30 } ,
{ Name: 'Peter' , das Alter: 27 } ,
{ Name: 'Bob' , das Alter: 38 }
] ;
Ausgang =objAr.sort ( cmpAge ) ;
Funktion cmpAge ( ein, b )
{
Rückkehr a.Alter - b.Alter;
}
Konsole.log ( Ausgang ) ;
In diesem Code:
- Eine Anordnung objAr entsteht, in dem Name und das Alter Eigenschaften gespeichert werden.
- Danach wird eine Methode aufgerufen cmpAge wird verwendet, um die zu vergleichen das Alter
- Außerdem die Sortieren() -Methode wird zum Aufrufen der verwendet cmpAlter() Methode zum Vergleichen der das Alter
- Die Methode wertet alle Werte der aus das Alter Eigenschaft im Array.
- Am Ende ist die Konsole.log() -Methode wird verwendet, um die Alterseigenschaft in aufsteigender Reihenfolge anzuzeigen.
Ausgabe
Die Ausgabe zeigt das sortierte Array mithilfe der das Alter Eigenschaft in JavaScript.
Fazit
In JavaScript die eingebaute Methode array.sort() wird verwendet, um ein Array zu sortieren, indem auf seine Eigenschaften zugegriffen wird. Die Methode verwendet die Callback-Funktion, um Iterationen durch alle Elemente im vorhandenen Array auszuführen. Zwei Beispiele werden demonstriert, um das Array zu sortieren alphabetisch ebenso gut wie numerisch bestellen. Daher müssen Sie verstehen, wie ein Array nach den Eigenschaften von Objekten sortiert wird. Darüber hinaus unterstützen alle bekannten Browser die array.sort() Methode von JavaScript .