L'article montre comment trier un tableau par propriété d'objet en JavaScript. Le contenu servi dans ce guide est le suivant.
- Comment trier un tableau par propriété d'objet en JavaScript
- Exemple 1 : trier un tableau par ordre alphabétique à l'aide de la propriété Name en JavaScript
- Exemple 2 : trier un tableau par ordre numérique à l'aide de la propriété Age en JavaScript
Comment trier un tableau par propriété d'objet en JavaScript ?
La tableau.sort() facilite le tri des éléments du tableau à l'aide de la fonction de rappel. La fonction de rappel itère sur tous les éléments en fonction des propriétés de l'objet dans le tableau. L'objectif de cette méthode est de calculer tous les éléments en remplissant des conditions définies par l'utilisateur. Par défaut, le tableau.sort() La méthode renvoie une séquence croissante des éléments du tableau existant.
Syntaxe
tableau.sort ( )
Noter : La méthode est employée pour trier les éléments numériques aussi bien qu'alphabétiques.
Exemple 1 : trier un tableau par ordre alphabétique à l'aide de la propriété Name en JavaScript
Un exemple est utilisé pour effectuer le tri des valeurs du tableau via la propriété en JavaScript.
Code
console.log ( 'Un exemple de tableau de tri en JavaScript' ) ;
const enseignants = [
{ Nom: 'John' , âge: 30 } ,
{ Nom: 'Pierre' , âge: 27 } ,
{ Nom: 'Bob' , âge: 38 }
] ;
enseignants.sort ( ( x et y ) = > x.name.localeCompare ( y.nom ) ) ;
console.log ( enseignants ) ;
L'explication du code est répertoriée ci-dessous:
- Un tableau ' enseignants ” est créé dans lequel Nom et âge les propriétés sont stockées.
- Une méthode ' localeComparer » est adapté pour comparer les Nom
- La trier() méthode est utilisée pour appeler un ' localeCompare() ” méthode pour comparer le premier alphabet du Nom
- Cette méthode effectue une itération sur tous les éléments du tableau actuel.
- Finalement, le console.log() est utilisée pour afficher les valeurs de la propriété name dans l'ordre alphabétique.
Production
La sortie renvoie le tableau trié dans l'ordre alphabétique, tel que Bob, Jean, et Pierre .
Exemple 2 : trier un tableau par ordre numérique à l'aide de la propriété Age en JavaScript
Un autre exemple est suivi pour effectuer le tri du tableau via les propriétés de l'objet en JavaScript.
Code
console.log ( 'Un exemple de tableau de tri en JavaScript' ) ;où objAr = [
{ Nom: 'John' , âge: 30 } ,
{ Nom: 'Pierre' , âge: 27 } ,
{ Nom: 'Bob' , âge: 38 }
] ;
production =objAr.sort ( cmpÂge ) ;
fonction cmpÂge ( un B )
{
revenir a.age - b.age ;
}
console.log ( production ) ;
Dans ce code :
- Un tableau objAr est créé dans lequel Nom et âge les propriétés sont stockées.
- Après cela, une méthode appelée cmpÂge sert à comparer les âge
- De plus, le trier() méthode est utilisée pour appeler le cmpÂge() méthode pour comparer les âge
- La méthode évalue toutes les valeurs de âge propriété dans le tableau.
- En fin de compte, le console.log() La méthode est utilisée pour afficher la propriété d'âge dans l'ordre croissant.
Production
La sortie affiche le tableau trié en utilisant le âge propriété en JavaScript.
Conclusion
En JavaScript, la méthode intégrée tableau.sort() est utilisé pour trier un tableau en accédant à ses propriétés. La méthode utilise la fonction de rappel pour effectuer des itérations sur tous les éléments du tableau existant. Deux exemples sont démontrés pour trier le tableau par alphabétique aussi bien que numérique ordre. Par conséquent, vous devez comprendre comment trier un tableau en fonction des propriétés des objets. De plus, tous les navigateurs connus supportent le tableau.sort() méthode de Javascript .