How to Sort/Order Keys in JavaScript Objects?

Last Updated : 11 Oct, 2024

To sort or order keys in JavaScript objects, first get the keys as an array and then apply a sorting mechanism to arrange them.

Below are the approaches to sort the keys in JavaScript Objects:

Table of Content

Using forEach() method
Using reduce method

Approach 1: Using forEach() method

Sort the keys of an object based on specified conditions using a sorting function.
Create a temporary variable to store a new object, copying properties from the original object in the sorted order of keys.
Delete the original object after transferring its properties to the temporary object.
Copy the contents of the temporary object back to the original object and return it.

Example: This example implements the above approach.

JavaScript

let myObject = {
    CSS: '1',
    JavaScript: '2',
    HTML: '3',
    Python: '4'
};

// Function to sort the keys of an object
function sortKeys(obj) {
    // Get the sorted keys
    let keys = Object.keys(obj).sort((a, b) => {
        if (a < b) return -1;
        if (a > b) return 1;
        return 0;
    });

    // Create a temporary object to hold sorted key-value pairs
    let temp = {};

    // Copy sorted key-value pairs to the temporary object
    keys.forEach(key => {
        temp[key] = obj[key];
        delete obj[key]; // Remove original key-value pairs
    });

    // Copy the sorted key-value pairs back to the original object
    keys.forEach(key => {
        obj[key] = temp[key];
    });

    return obj;
}

// Sort the object and log the result
console.log(sortKeys(myObject));

Output

{ CSS: '1', HTML: '3', JavaScript: '2', Python: '4' }

Approach 2: Using reduce method

Use the .sort() method to sort the keys of an object alphabetically.
Apply the .reduce() method on the sorted keys to transform them into an object.
Inside the .reduce() method, define an anonymous function with two parameters: emptyObject and key.
For each key, add the key-value pair to emptyObject and return it to create the final sorted object.

Example: This example implements the above approach.