How to sort a nested object based on key name

Question

I have a nested object that looks like this.I want to sort this in ascending and descending order based on the alphabetical order of Districtnames.

var data = 
{"DistrictC":{"population":105597},
"DistrictB":{"population":36842},
"DistrictA":{"population":238142}}

Expected output in ascending order is shown below.I also need to sort in descending order.

{"DistrictA":{"population":238142},
"DistrictB":{"population":36842},
"DistrictC":{"population":105597}}

Objects are not really meant to have order. JS Engines will keep order, but it is not guaranteed. — epascarello
– epascarello, Commented Nov 22, 2021 at 18:17

ray · Accepted Answer · 2021-11-22 18:27:54Z

1

You could use Object.entries to get an array of key/value pairs and then sort on the keys using localeCompare:

const data = {
  "DistrictC":{"population":105597},
  "DistrictB":{"population":36842},
  "DistrictA":{"population":238142}
}

const sorted = Object.entries(data)
  .sort(([keyA], [keyB]) => keyA.localeCompare(keyB));

console.log(sorted);

You could make that result a bit easier to work with by collapsing the key/value arrays into objects using map:

// same as before
const data = {
  "DistrictC":{"population":105597},
  "DistrictB":{"population":36842},
  "DistrictA":{"population":238142}
}

// same as before
const sorted = Object.entries(data)
  .sort(([keyA], [keyB]) => keyA.localeCompare(keyB));

const collapsed = sorted.map(([district, value]) => ({ district, ...value }));

// ascending
console.log(collapsed);

// descending
console.log(collapsed.reverse());

edited Nov 22, 2021 at 18:27

answered Nov 22, 2021 at 18:11

ray

27.3k5 gold badges31 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Krish Over a year ago

How to sort in descending order as well?

epascarello Over a year ago

It is not sorting based on population....

Berci Over a year ago

It shouldn't. Read the question ( ascending and descending order based on the alphabetical order of Districtnames ) :P

Krish Over a year ago

In the reverse alphabetical order of district names , not based on population.

ray Over a year ago

To reverse the order you could either swap keyA and keyB in the localeCompare expression: keyB.localeCompare(keyA), or just append .reverse() after the sort.

|

Collectives™ on Stack Overflow

How to sort a nested object based on key name

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related