Maison > interface Web > js tutoriel > Comment puis-je trier un tableau d'objets par valeur de propriété spécifique en JavaScript ?

Comment puis-je trier un tableau d'objets par valeur de propriété spécifique en JavaScript ?

Patricia Arquette
Libérer: 2025-01-05 07:05:44
original
210 Les gens l'ont consulté

How Can I Sort an Array of Objects by a Specific Property Value in JavaScript?

Tri de tableaux avec JavaScript : tri par valeurs de propriété

De nombreuses tâches de programmation impliquent de travailler avec des tableaux d'objets, nécessitant souvent qu'ils soient triés dans manières particulières. Le tri joue un rôle crucial dans l’organisation et l’extraction d’informations significatives à partir des données. Dans ce cas, nous visons à trier un tableau d'objets en fonction de leur propriété « prix », à la fois par ordre croissant et décroissant.

Le code JavaScript ci-dessous fournit une solution à cette tâche :

// Array of objects representing homes
var homes = [
    {
        "h_id": "3",
        "city": "Dallas",
        "state": "TX",
        "zip": "75201",
        "price": "162500"
    }, 
    {
        "h_id": "4",
        "city": "Bevery Hills",
        "state": "CA",
        "zip": "90210",
        "price": "319250"
    }, 
    {
        "h_id": "5",
        "city": "New York",
        "state": "NY",
        "zip": "00010",
        "price": "962500"
    }
];

// Function to sort the array of homes by price in ascending order
function sortByPriceAsc(a, b) {
    return parseFloat(a.price) - parseFloat(b.price);
}

// Function to sort the array of homes by price in descending order
function sortByPriceDesc(a, b) {
    return parseFloat(b.price) - parseFloat(a.price);
}

// Sort homes by price in ascending order
homes.sort(sortByPriceAsc);

// Or after ES6 version:
homes.sort((a, b) => parseFloat(a.price) - parseFloat(b.price));

// Sort homes by price in descending order
homes.sort(sortByPriceDesc);

// Or after ES6 version:
homes.sort((a, b) => parseFloat(b.price) - parseFloat(a.price));
Copier après la connexion

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