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
Patricia Arquetteoriginal
2025-01-05 07:05:44167parcourir

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));

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:
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