A cikk bemutatja, hogyan lehet egy tömböt objektumtulajdonság szerint rendezni JavaScriptben. Az útmutatóban szereplő tartalom a következő.
- A tömb rendezése objektumtulajdonság szerint JavaScriptben
- 1. példa: Tömb rendezése ábécé sorrend szerint a JavaScript név tulajdonságának használatával
- 2. példa: Tömb rendezése numerikus sorrend szerint a JavaScript kor tulajdonságának használatával
Hogyan lehet a tömböt objektumtulajdonság szerint rendezni a JavaScriptben?
Az array.sort() metódus megkönnyíti a tömbelemek rendezését a visszahívási függvény használatával. A visszahívási függvény a tömb objektumtulajdonságai alapján ismétlődik az összes elemen. A módszer célja az összes elem kiszámítása a felhasználó által meghatározott feltételek teljesítésével. Alapértelmezés szerint a array.sort() metódus a meglévő tömb elemeinek növekvő sorrendjét adja vissza.
Szintaxis
array.sort ( )
jegyzet : A módszert a numerikus és alfabetikus elemek rendezésére használják.
1. példa: Tömb rendezése ábécé sorrend szerint a JavaScript név tulajdonságának használatával
Egy példa arra szolgál, hogy a tömbértékeket a JavaScript tulajdonságon keresztül rendezze.
Kód
console.log ( 'Példa a JavaScript rendezési tömbjére' ) ;
const tanárok = [
{ név: 'János' , életkor: 30 } ,
{ név: 'Péter' , életkor: 27 } ,
{ név: 'Bob' , életkor: 38 }
] ;
tanárok.sort ( ( x és y ) = > x.name.localeCompare ( y.name ) ) ;
console.log ( tanárok ) ;
A kód magyarázata az alábbiakban található:
- Egy tömb ' tanárok ” jön létre, amelyben név és kor tulajdonságok tárolódnak.
- Egy metódus ' localeCompare ” a név
- Az fajta() módszert használják egy ' localeCompare() ” módszerrel az első ábécé összehasonlítására név
- Ez a módszer iterációt hajt végre az aktuális tömb összes elemén keresztül.
- Végül a console.log() metódust használják a név tulajdonság értékeinek ábécé sorrendben való megjelenítésére.
Kimenet
A kimenet ábécé sorrendben adja vissza a rendezett tömböt, mint pl Bob, John, és Péter .
2. példa: Tömb rendezése numerikus sorrend szerint a JavaScript kor tulajdonságának használatával
Egy másik példa követi a tömb rendezését a JavaScript objektum tulajdonságain keresztül.
Kód
console.log ( 'Példa a JavaScript rendezési tömbjére' ) ;ahol objAr = [
{ név: 'János' , életkor: 30 } ,
{ név: 'Péter' , életkor: 27 } ,
{ név: 'Bob' , életkor: 38 }
] ;
Kimenet =objAr.sort ( cmpAge ) ;
funkció cmpAge ( a, b )
{
Visszatérés a.age - b.age;
}
console.log ( Kimenet ) ;
Ebben a kódban:
- Egy tömb objAr jön létre, amelyben név és kor tulajdonságok tárolódnak.
- Ezt követően egy módszer ún cmpAge összehasonlítására használják kor
- Továbbá a fajta() metódust használják a hívására cmpAge() összehasonlítási módszer kor
- A módszer kiértékeli az összes értékét kor tulajdonság a tömbben.
- A végén a console.log() módszert alkalmazzák az életkor tulajdonság növekvő sorrendben történő megjelenítésére.
Kimenet
A kimenet a rendezett tömböt mutatja a segítségével kor tulajdonság a JavaScriptben.
Következtetés
JavaScriptben a beépített módszer array.sort() egy tömb rendezésére szolgál a tulajdonságainak elérésével. A metódus a visszahívási függvényt használja a meglévő tömb összes elemén keresztüli iterációk végrehajtására. Két példát mutatunk be a tömb rendezésére betűrendes szintén számszerű rendelés. Ezért meg kell értenie, hogyan kell egy tömböt rendezni az objektumok tulajdonságai szerint. Sőt, az összes híres böngésző támogatja a array.sort() a metódusa JavaScript .