Cum să sortați o matrice de obiecte după proprietate în JavaScript

Cum Sa Sortati O Matrice De Obiecte Dupa Proprietate In Javascript



Sortarea este conceptul de aranjare a articolelor într-o manieră specifică. În JavaScript, sortarea unei matrice are o importanță semnificativă în aranjarea elementelor în ordine crescătoare și descrescătoare. De exemplu, metoda array.sort() este utilizată pentru a sorta o matrice pe baza proprietăților obiectului.

Articolul demonstrează cum să sortați o matrice după proprietatea obiectului în JavaScript. Conținutul oferit în acest ghid este următorul.







  • Cum să sortați matrice după proprietatea obiectului în JavaScript
  • Exemplul 1: Sortați matrice în ordine alfabetică utilizând proprietatea Name din JavaScript
  • Exemplul 2: Sortați matrice în ordine numerică utilizând proprietatea Age din JavaScript

Cum se sortează matricea după proprietatea obiectului în JavaScript?

The array.sort() metoda facilitează sortarea elementelor matricei prin utilizarea funcției de apel invers. Funcția de apel invers iterează peste toate elementele pe baza proprietăților obiectului din matrice. Obiectivul acestei metode este de a calcula toate elementele prin îndeplinirea condițiilor definite de utilizator. În mod implicit, array.sort() metoda returnează o secvență ascendentă a elementelor din tabloul existent.



Sintaxă



matrice.sortare ( )


Notă : Metoda este folosită pentru sortarea elementelor numerice și alfabetice.





Exemplul 1: Sortați matrice în ordine alfabetică utilizând proprietatea Name din JavaScript

Un exemplu este folosit pentru a efectua sortarea valorilor matricei prin proprietatea din JavaScript.

Cod



console.log ( „Un exemplu de matrice de sortare în JavaScript” ) ;
const profesori = [
{ Nume: 'Ioan' , varsta: 30 } ,
{ Nume: 'Petru' , varsta: 27 } ,
{ Nume: 'Bob' , varsta: 38 }
] ;

profesori.sort ( ( x și y ) = > x.name.localeCompare ( y.nume ) ) ;
console.log ( profesori ) ;


Explicația codului este listată mai jos:

  • O matrice „ profesori ” este creat în care Nume și vârstă proprietățile sunt stocate.
  • O metodă ' localCompare ” este adaptat pentru a compara Nume
  • The fel() metoda este folosită pentru a numi un „ localeCompare() ” metoda de a compara primul alfabet al Nume
  • Această metodă realizează iterația prin toate elementele din matricea curentă.
  • În cele din urmă, cel console.log() metoda este utilizată pentru a afișa valorile proprietății nume în ordine alfabetică.


Ieșire


Ieșirea returnează matricea sortată în ordine alfabetică, cum ar fi Bob, John, și Petru .

Exemplul 2: Sortați matrice în ordine numerică utilizând proprietatea Age din JavaScript

Un alt exemplu este urmat pentru a efectua sortarea matricei prin proprietățile obiectului din JavaScript.

Cod

console.log ( „Un exemplu de matrice de sortare în JavaScript” ) ;
unde objAr = [
{ Nume: 'Ioan' , varsta: 30 } ,
{ Nume: 'Petru' , varsta: 27 } ,
{ Nume: 'Bob' , varsta: 38 }
] ;
ieșire =objAr.sort ( cmpAge ) ;
funcţie cmpAge ( a, b )
{
întoarcere a.varsta - b.varsta;
}
console.log ( ieșire ) ;


În acest cod:

  • O matrice objAr este creat în care Nume și vârstă proprietățile sunt stocate.
  • După aceea, o metodă numită cmpAge este folosit pentru a compara vârstă
  • În plus, cel fel() metoda este utilizată pentru apelarea cmpAge() metoda de a compara vârstă
  • Metoda evaluează toate valorile vârstă proprietate din matrice.
  • În cele din urmă, cel console.log() metoda este folosită pentru a afișa proprietatea de vârstă în ordine crescătoare.


Ieșire


Ieșirea arată matricea sortată folosind vârstă proprietate în JavaScript.

Concluzie

În JavaScript, metoda încorporată array.sort() este folosit pentru a sorta o matrice accesând proprietățile acesteia. Metoda utilizează funcția de apel invers pentru a efectua iterații prin toate elementele din matricea existentă. Două exemple sunt demonstrate pentru a sorta matricea după alfabetic precum și numeric Ordin. Prin urmare, trebuie să înțelegeți cum să sortați o matrice după proprietățile obiectelor. În plus, toate browserele celebre acceptă array.sort() Metodă de JavaScript .