Článok ukazuje, ako zoradiť pole podľa vlastnosti objektu v JavaScripte. Obsah tejto príručky je nasledujúci.
- Ako zoradiť pole podľa vlastnosti objektu v JavaScripte
- Príklad 1: Usporiadanie poľa podľa abecedného poradia pomocou vlastnosti Name v JavaScripte
- Príklad 2: Zoradenie poľa podľa číselného poradia pomocou vlastnosti Age v JavaScripte
Ako zoradiť pole podľa vlastnosti objektu v JavaScripte?
The array.sort() metóda uľahčuje triedenie prvkov poľa pomocou funkcie spätného volania. Funkcia spätného volania iteruje všetky prvky na základe vlastností objektu v poli. Cieľom tejto metódy je vypočítať všetky prvky pri splnení užívateľom definovaných podmienok. V predvolenom nastavení je array.sort() metóda vracia vzostupnú postupnosť prvkov v existujúcom poli.
Syntax
pole.triediť ( )
Poznámka : Metóda sa používa na triedenie číselných aj abecedných prvkov.
Príklad 1: Usporiadanie poľa podľa abecedného poradia pomocou vlastnosti Name v JavaScripte
Príklad sa používa na vykonanie triedenia hodnôt poľa prostredníctvom vlastnosti v JavaScripte.
kód
konzola.log ( 'Príklad triediaceho poľa v JavaScripte' ) ;
konštantní učitelia = [
{ názov: 'John' , Vek: 30 } ,
{ názov: 'Peter' , Vek: 27 } ,
{ názov: 'Bob' , Vek: 38 }
] ;
učitelia.triediť ( ( x a y ) = > x.name.localePorovnať ( y.meno ) ) ;
konzola.log ( učitelia ) ;
Vysvetlenie kódu je uvedené nižšie:
- Pole “ učitelia “ je vytvorený v ktorom názov a Vek vlastnosti sú uložené.
- Metóda ' localeCompare “ je prispôsobený na porovnanie názov
- The zoradiť () metóda sa používa na volanie „ localeCompare() ” metóda na porovnanie prvej abecedy názov
- Táto metóda vykonáva iteráciu cez všetky prvky v aktuálnom poli.
- Nakoniec, console.log() metóda sa používa na zobrazenie hodnôt vlastnosti názvu v abecednom poradí.
Výkon
Výstup vráti zoradené pole v abecednom poradí, ako napr Bob, John, a Peter .
Príklad 2: Zoradenie poľa podľa číselného poradia pomocou vlastnosti Age v JavaScripte
Nasleduje ďalší príklad na vykonanie triedenia poľa prostredníctvom vlastností objektu v JavaScripte.
kód
konzola.log ( 'Príklad triediaceho poľa v JavaScripte' ) ;kde objAr = [
{ názov: 'John' , Vek: 30 } ,
{ názov: 'Peter' , Vek: 27 } ,
{ názov: 'Bob' , Vek: 38 }
] ;
výkon =objAr.sort ( cmpVek ) ;
funkciu cmpVek ( a, b )
{
vrátiť a.vek - b.vek;
}
konzola.log ( výkon ) ;
V tomto kóde:
- Pole objAr je vytvorený v ktorom názov a Vek vlastnosti sú uložené.
- Potom sa použije metóda tzv cmpVek sa používa na porovnanie Vek
- Okrem toho, zoradiť () metóda sa používa na volanie cmpAge() metóda na porovnanie Vek
- Metóda vyhodnocuje všetky hodnoty Vek vlastnosť v poli.
- Nakoniec, console.log() metóda sa používa na zobrazenie vlastnosti veku vo vzostupnom poradí.
Výkon
Výstup zobrazuje zoradené pole pomocou Vek vlastnosť v JavaScripte.
Záver
V JavaScripte je to vstavaná metóda array.sort() sa používa na triedenie poľa prístupom k jeho vlastnostiam. Metóda využíva funkciu spätného volania na vykonanie iterácií cez všetky prvky v existujúcom poli. Uvádzame dva príklady triedenia poľa abecedne ako aj číselné objednať. Preto musíte pochopiť, ako triediť pole podľa vlastností objektov. Okrem toho všetky známe prehliadače podporujú array.sort() spôsob JavaScript .