Het artikel laat zien hoe u een array sorteert op objecteigenschap in JavaScript. De inhoud van deze handleiding is als volgt.
- Array sorteren op objecteigenschap in JavaScript
- Voorbeeld 1: Sorteer array op alfabetische volgorde met behulp van de eigenschap Name in JavaScript
- Voorbeeld 2: Sorteer array op numerieke volgorde met behulp van de eigenschap Age in JavaScript
Hoe array sorteren op objecteigenschap in JavaScript?
De matrix.sort() methode vergemakkelijkt het sorteren van de array-elementen met behulp van de callback-functie. De callback-functie herhaalt alle elementen op basis van objecteigenschappen in de array. Het doel van deze methode is om alle elementen te berekenen door te voldoen aan door de gebruiker gedefinieerde voorwaarden. Standaard is de matrix.sort() methode retourneert een oplopende reeks van de elementen in de bestaande array.
Syntaxis
array.sort ( )
Opmerking : De methode wordt gebruikt om zowel de numerieke als de alfabetische elementen te sorteren.
Voorbeeld 1: Sorteer array op alfabetische volgorde met behulp van de eigenschap Name in JavaScript
Een voorbeeld wordt gebruikt om de arraywaarden te sorteren via de eigenschap in JavaScript.
Code
console.log ( 'Een voorbeeld van sorteerarray in JavaScript' ) ;
const leraren = [
{ naam: 'John' , leeftijd: 30 } ,
{ naam: 'Petrus' , leeftijd: 27 } ,
{ naam: 'Bob' , leeftijd: 38 }
] ;
docenten.sort ( ( x en y ) = > x.name.localeCompare ( y.naam ) ) ;
console.log ( leraren ) ;
De uitleg van de code staat hieronder:
- een reeks ' leraren ” is gemaakt waarin naam en leeftijd eigenschappen worden opgeslagen.
- Een methode ' localeVergelijken ” is aangepast om de . te vergelijken naam
- De soort() methode wordt gebruikt om een ' localeCompare() ” methode om het eerste alfabet van de . te vergelijken naam
- Deze methode voert iteratie uit door alle elementen in de huidige array.
- eindelijk, de console.log() methode wordt gebruikt om de waarden van de eigenschap name in alfabetische volgorde weer te geven.
Uitgang:
De uitvoer retourneert de gesorteerde array in alfabetische volgorde, zoals Bob, Johannes, en Peter .
Voorbeeld 2: Sorteer array op numerieke volgorde met behulp van de eigenschap Age in JavaScript
Een ander voorbeeld wordt gevolgd om de array te sorteren via de objecteigenschappen in JavaScript.
Code
console.log ( 'Een voorbeeld van sorteerarray in JavaScript' ) ;waar objAr = [
{ naam: 'John' , leeftijd: 30 } ,
{ naam: 'Petrus' , leeftijd: 27 } ,
{ naam: 'Bob' , leeftijd: 38 }
] ;
uitvoer =objAr.sort ( cmpAge ) ;
functie cmpAge ( een, b )
{
opbrengst leeftijd - leeftijd;
}
console.log ( uitvoer ) ;
In deze code:
- een array objAr is gemaakt waarin naam en leeftijd eigenschappen worden opgeslagen.
- Daarna, een methode genaamd cmpAge wordt gebruikt om de te vergelijken leeftijd
- Verder is de soort() methode wordt gebruikt voor het aanroepen van de cmpAge() methode om de te vergelijken leeftijd
- De methode evalueert alle waarden van de leeftijd eigenschap in de array.
- Op het einde, de console.log() methode wordt gebruikt om de eigenschap leeftijd in oplopende volgorde weer te geven.
Uitgang:
De uitvoer toont de gesorteerde array met behulp van de leeftijd eigenschap in JavaScript.
Conclusie
In JavaScript, de ingebouwde methode matrix.sort() wordt gebruikt om een array te sorteren door toegang te krijgen tot de eigenschappen ervan. De methode gebruikt de callback-functie om iteraties uit te voeren door alle elementen in de bestaande array. Er worden twee voorbeelden getoond om de array te sorteren op alfabetisch net zoals numeriek bestellen. Daarom moet u begrijpen hoe u een array kunt sorteren op de eigenschappen van objecten. Bovendien ondersteunen alle bekende browsers de matrix.sort() methode van JavaScript .