Comment trier la table d'objet par propriété en javascript

Le tri est le concept de disposition des éléments de manière spécifique. En JavaScript, le tri d'un tableau a une importance significative dans l'organisation d'éléments dans l'ordre ascendant et descendant. Par exemple, le tableau.La méthode tri () est utilisée pour trier un tableau en fonction des propriétés d'objet.

L'article montre comment trier un tableau par propriété objet en javascript. Le contenu servi dans ce guide est le suivant.

• Comment trier la table par propriété objet en javascript
• Exemple 1: Trier le tableau par ordre alphabétique en utilisant la propriété du nom en javascript
• Exemple 2: Trier le tableau par ordre numérique en utilisant la propriété Age en JavaScript

Comment trier la table par propriété objet en javascript?

Le déployer.trier() La méthode facilite le tri des éléments du tableau en utilisant la fonction de rappel. La fonction de rappel itère sur tous les éléments en fonction des propriétés d'objet dans le tableau. L'objectif de cette méthode est de calculer tous les éléments en remplissant les conditions définies par l'utilisateur. Par défaut, le déployer.trier() La méthode renvoie une séquence ascendante des éléments dans le tableau existant.

Syntaxe

déployer.trier()

Note: La méthode est utilisée pour trier les éléments numériques et alphabétiques.

Exemple 1: Trier le tableau par ordre alphabétique en utilisant la propriété du nom 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 nature en javascript");
const Teachers = [
nom: "John", âge: 30,
nom: "Peter", âge: 27,
nom: "Bob", âge: 38
]]
enseignants.tri ((x, y) => x.nom.localcompare (y.nom));
console.journal (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 "local compare"Est adapté pour comparer le nom
• Le trier() La méthode est utilisée pour appeler un «localcompare ()»Méthode pour comparer le premier alphabet du nom
• Cette méthode effectue une itération à travers tous les éléments du tableau actuel.
• Finalement, le console.enregistrer() La méthode est utilisée pour afficher les valeurs de la propriété de nom dans l'ordre alphabétique.

Sortir

La sortie renvoie le tableau trié dans l'ordre alphabétique, tels que Bob, John, et Pierre.

Exemple 2: Trier le tableau par ordre numérique en utilisant 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 nature en javascript");
var objar = [
nom: "John", âge: 30,
nom: "Peter", âge: 27,
nom: "Bob", âge: 38
]]
sortie = objar.tri (cmpage);
fonction cmpage (a, b)

retourner un.Âge - B.âge;

console.journal (sortie);

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 cmpage est utilisé pour comparer le âge
• De plus, le trier() la méthode est utilisée pour appeler le cmpage () Méthode pour comparer le âge
• La méthode évalue toutes les valeurs du âge propriété dans le tableau.
• En fin de compte, le console.enregistrer() La méthode est utilisée pour afficher la propriété d'âge dans l'ordre croissant.

Sortir

La sortie montre le tableau trié en utilisant le âge propriété en javascript.

Conclusion

En JavaScript, la méthode intégrée déployer.trier() est employé pour trier un tableau en accédant à ses propriétés. La méthode utilise la fonction de rappel pour effectuer des itérations via tous les éléments du tableau existant. Il est démontré que deux exemples trie le tableau par alphabétique ainsi que numérique commande. Par conséquent, vous devez comprendre comment trier un tableau par les propriétés des objets. De plus, tous les navigateurs célèbres soutiennent le déployer.trier() méthode de Javascrip.