Maison > interface Web > js tutoriel > le corps du texte

Comment trier un objet JavaScript par nom de propriété ?

DDD
Libérer: 2024-11-02 10:00:03
original
900 Les gens l'ont consulté

How to Sort a JavaScript Object by Property Name?

Tri d'un objet JavaScript par nom de propriété

En JavaScript, l'ordre des clés dans un objet n'est pas défini. Cela peut rendre difficile le tri des objets par ordre alphabétique ou dans tout autre ordre spécifique. Cependant, il existe plusieurs façons de contourner ce problème.

Une approche consiste à convertir l'objet en tableau, à trier le tableau, puis à le reconvertir en objet. Cela peut être fait en utilisant la fonction suivante :

<code class="javascript">function sortObject(o) {
    var sorted = {},
        key, a = [];

    for (key in o) {
        if (o.hasOwnProperty(key)) {
            a.push(key);
        }
    }

    a.sort();

    for (key = 0; key < a.length; key++) {
        sorted[a[key]] = o[a[key]];
    }
    return sorted;
}</code>
Copier après la connexion

Cette fonction prend un objet en entrée et renvoie un nouvel objet avec les clés triées par ordre alphabétique.

Une autre approche consiste à utiliser un bibliothèque tierce, telle que lodash, qui fournit un certain nombre de fonctions pour travailler avec des objets, notamment le tri. Le code suivant montre comment utiliser lodash pour trier un objet par nom de propriété :

<code class="javascript">var sortedObject = _.sortBy(o, function(value, key) {
    return key;
});</code>
Copier après la connexion

Ce code utilise la fonction _.sortBy pour trier l'objet par clés. La fonction prend deux arguments : l'objet à trier et une fonction qui renvoie la valeur à utiliser pour le tri. Dans ce cas, la fonction renvoie simplement la clé de l'objet.

Ces deux approches peuvent être utilisées pour trier un objet JavaScript par nom de propriété. L'approche que vous utiliserez dépendra de vos besoins spécifiques.

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!