Maison > interface Web > js tutoriel > Comment puis-je trier les objets JavaScript en fonction de leurs valeurs de propriété ?

Comment puis-je trier les objets JavaScript en fonction de leurs valeurs de propriété ?

Patricia Arquette
Libérer: 2024-12-22 17:40:10
original
487 Les gens l'ont consulté

How Can I Sort JavaScript Objects by Their Property Values?

Tri des objets par valeurs de propriété en JavaScript

En JavaScript, les objets sont des collections de paires clé-valeur. Bien que les objets n'aient pas intrinsèquement d'ordre spécifié pour leurs propriétés, il existe des méthodes pour les trier en fonction des valeurs de propriété.

Solution :

Pour trier les propriétés d'un objet par leurs valeurs, nous pouvons employer les éléments suivants approche :

// Convert the object to an array
let sortable = [];
for (let key in object) {
    sortable.push([key, object[key]]);
}

// Sort the array based on values
sortable.sort((a, b) => a[1] - b[1]);

// Convert the sorted array back to an object
let sortedObject = {};
sortable.forEach((item) => (sortedObject[item[0]] = item[1]));
Copier après la connexion

Exemple :

Étant donné l'objet suivant :

let obj = {
  "key1": 100,
  "key2": 25,
  "key3": 50
};
Copier après la connexion

En utilisant la solution ci-dessus, nous pouvons trier les propriétés de l'objet par leur valeurs :

// Convert the object to an array
let sortable = [];
for (let key in obj) {
    sortable.push([key, obj[key]]);
}

// Sort the array based on values
sortable.sort((a, b) => a[1] - b[1]);

// Convert the sorted array back to an object
let sortedObject = {};
sortable.forEach((item) => (sortedObject[item[0]] = item[1]));

// Resulting sorted object
console.log(sortedObject);
//{ key2: 25, key3: 50, key1: 100 }
Copier après la connexion

Attention :

Bien que trier les propriétés des objets par valeurs puisse être utile, il est important de noter que les objets JavaScript n'ont pas d'ordre garanti pour leur propriétés. Cela signifie que l'ordre des propriétés dans l'objet trié peut ne pas être fiable et peut changer dans les futures versions de JavaScript.

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!

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