JavaScript - get object properties sorted by key

In this article, we would like to show you how to get object properties sorted by key in JavaScript.

Note:

Object properties are ordered since ES6.

The main concept of this solution is to use:

• keys() method which returns an array of given object property names,
• sort() method to sort the array,
• reduce() method to create a new object from the array with sorted properties.

Runnable example:

xxxxxxxxxx

const object = {

    'b': 'bb',

    'c': 'cc',

    'a': 'aa'

};

​

const sortedObject = Object.keys(object)

    .sort()

    .reduce((result, key) => (result[key] = object[key], result),{});

​

console.log(JSON.stringify(object));       // {"b":"bb", "c":"cc", "a":"aa"}

console.log(JSON.stringify(sortedObject)); // {"a":"aa", "b":"bb", "c":"cc"}

Note:

The default sort order is ascending but elements converted into strings are compared by their sequences of UTF-16 code units values.

1. JavaScript - get object properties sorted by value (ES8+)

• Object.keys() - MDN Web Docs
• Array.prototype.sort() - MDN Web Docs
• Array.prototype.reduce() - MDN Web Docs