Maison > interface Web > js tutoriel > Comment trier un tableau d'objets par prénom en JavaScript ?

Comment trier un tableau d'objets par prénom en JavaScript ?

Barbara Streisand
Libérer: 2024-11-21 01:07:12
original
764 Les gens l'ont consulté

How do I sort an array of objects by first name in JavaScript?

Tri d'un tableau par prénom en JavaScript

En JavaScript, trier un tableau par une propriété spécifique nécessite une fonction de tri. Ce code montre comment trier un tableau par la propriété « prénom » par ordre alphabétique :

var userArray = [{
  firstname: "Anna",
  lastname: "Nickson",
  email: "user@example.com"
}, {
  firstname: "Bob",
  lastname: "Smith",
  email: "bob@example.com"
}, {
  firstname: "Carol",
  lastname: "Jones",
  email: "carol@example.com"
}];

// Sort the array by "firstname" using localeCompare
userArray.sort((a, b) => a.firstname.localeCompare(b.firstname));

console.log(userArray); // Output: [{firstname: "Anna", ..., {firstname: "Bob", ..., {firstname: "Carol", ...}
Copier après la connexion

Voici une répartition du code :

  • Array.sort( ) Méthode : Cette méthode permet de trier un tableau. Il prend une fonction de tri comme argument.
  • Fonction de tri (a, b) => a.firstname.localeCompare(b.firstname):

    • La fonction flèche compare deux objets, a et b, et renvoie une valeur négative si a.firstname est inférieur à b.firstname, une valeur positive si a.firstname est supérieur, ou 0 s'ils sont égaux.
    • localeCompare() est une méthode de chaîne qui compare deux chaînes en utilisant les paramètres régionaux actuels. Il garantit l'ordre de tri correct pour les différents paramètres régionaux.
  • Tri du tableau : La méthode de tri applique la fonction de tri à chaque paire d'éléments du tableau, triant ainsi efficacement le tableau par "prénom" par ordre alphabétique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal