Sort an Array of Objects by Property Value in JavaScript

Sorting an Array of Objects by Property Values in JavaScript: A Complete Guide

Sorting an array of objects in JavaScript is a crucial skill for handling structured data efficiently. Whether you’re dealing with a list of products, users, or numerical data, knowing how to sort effectively can enhance performance and usability. In this guide, we’ll explore different methods to sort an array of objects in JavaScript.

Why Sort an Array of Objects in JavaScript Matters

Sorting an array of objects in JavaScript is essential for:

• Organizing data for better readability (e.g., sorting products by price).
• Improving search and filtering functionality.
• Enhancing performance by structuring data logically.

Now, let’s dive into various ways to perform sorting in JavaScript.

Methods to Sort an Array of Objects

1. Using sort() Method

The sort() method is a built-in JavaScript function that sorts an array in place. It requires a comparison function to define how objects should be ordered.

Example: Sorting by a String Property (e.g., name)

const users = [
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 35 }
];

users.sort((a, b) => {
    if (a.name < b.name) return -1;
    if (a.name > b.name) return 1;
    return 0;
});

console.log(users);

2. Sorting an Array of Objects by a Numeric Property

When sorting an array of objects in JavaScript by a numeric property, modify the comparison logic accordingly.

Example: Sorting by age

const users = [
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 35 }
];

users.sort((a, b) => a.age - b.age); 

console.log(users);

Descending Order:

users.sort((a, b) => b.age - a.age);

const users = [
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 30 },
    { name: 'Charlie', age: 25 }
];

users.sort((a, b) => {
    if (a.age === b.age) {
        return a.name.localeCompare(b.name);
    }
    return a.age - b.age; 
});

console.log(users);