Maison > interface Web > js tutoriel > Comment trier les clés d'un objet JavaScript par ordre alphabétique ?

Comment trier les clés d'un objet JavaScript par ordre alphabétique ?

Barbara Streisand
Libérer: 2024-12-24 03:29:17
original
736 Les gens l'ont consulté

How to Sort a JavaScript Object's Keys Alphabetically?

Comment trier les objets JavaScript par clé

Si vous disposez d'un objet JavaScript, vous souhaiterez peut-être réorganiser ses propriétés par ordre alphabétique pour une meilleure lisibilité ou finalités du traitement. Ceci peut être réalisé en utilisant les étapes suivantes :


  • Extraire les clés de l'objet dans un tableau à l'aide de
    Object.keys(...)</ pre>.</li></p>
    <p><li>Trier le tableau de touches par ordre alphabétique en utilisant <pre class="brush:php;toolbar:false">.sort()
    .
  • Créez un nouvel objet pour contenir les propriétés triées. Parcourez le tableau de clés triées et ajoutez chaque clé avec sa valeur correspondante de l'objet d'origine au nouvel objet à l'aide d'une fonction de réduction.

Le code suivant démontre le processus :

const unordered = {
  'b': 'foo',
  'c': 'bar',
  'a': 'baz'
};

console.log(JSON.stringify(unordered));
// → '{"b":"foo","c":"bar","a":"baz"}'

const ordered = Object.keys(unordered).sort().reduce(
  (obj, key) => {
    obj[key] = unordered[key];
    return obj;
  },
  {}
);

console.log(JSON.stringify(ordered));
// → '{"a":"baz","b":"foo","c":"bar"}'
Copier après la connexion

Après avoir exécuté ces étapes, votre objet sera trié par ses clés 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