Sorting alphabetically an object of objects through keys in Javascript

Question

I have this nested object which I want to sort alphabetically,

var obj = {
  'ABCD' : {
    'E' : {},
    'R' : {},
    'A' : {},
    'E' : {}
  },
  'WXYZ' : {
    'F' : {},
    'M' : {},
    'G' : {},
    'A' : {}
  },
  'MNOP' : {
    'A' : {},
    'H' : {},
    'B' : {},
    'C' : {}
  },
  'EFGH' : {
    'D' : {},
    'C' : {},
    'B' : {},
    'E' : {}
  }
}

I want the output to be like this-

{
  'ABCD' : {
    'A' : {},
    'E' : {},
    'E' : {},
    'R' : {}
  },
  'EFGH' : {
    'B' : {},
    'C' : {},
    'D' : {},
    'E' : {}
  },
  'MNOP' : {
    'A' : {},
    'B' : {},
    'C' : {},
    'H' : {}
  },
  'WXYZ' : {
    'A' : {},
    'F' : {},
    'G' : {},
    'M' : {}
  }
}

I have written code to sort direct keys, but I am not getting how can I sort further object within those keys, Here's my code-

var sorted = {}
Object.keys(obj).sort().forEach(function(val) {
  sorted[val] = obj[val]
})

Please suggest on how can I achieve the output mentioned above. Thanks.

possible duplicate of stackoverflow.com/questions/5525795/… you could try to use an array instead — Krzysztof Krzeszewski
– Krzysztof Krzeszewski, Commented Feb 25, 2019 at 7:08
Note: if you have any integer keys, then they'll be sorted to the top irrespective of the order in which the keys were added to the object Does JavaScript Guarantee Object Property Order? — adiga
– adiga, Commented Feb 25, 2019 at 7:10
@FZs They can be in ES6. The order is: 1) integer keys 2) all other string keys, in the order in which they were added 3) all symbol keys 2ality.com/2015/10/… — adiga
– adiga, Commented Feb 25, 2019 at 7:15
@adiga Ok, but is it possible to sort keys inside 'all other string keys'? — FZs
– FZs, Commented Feb 25, 2019 at 7:44

Nina Scholz · Accepted Answer · 2019-02-25 07:16:08Z

4

You could take an recursive approach for nested objects.

const
    sort = o => Object.assign({}, ...Object
        .keys(o)
        .sort()
        .map(k => ({ [k]: o[k] && typeof o[k] === 'object' ? sort(o[k]) : o[k] }))
    );

var obj = { ABCD: { E: { }, R: { }, A: { } }, WXYZ: { F: { }, M: { }, G: { }, A: { } }, MNOP: { A: { }, H: { }, B: { }, C: { } }, EFGH: { D: { }, C: { }, B: { }, E: { } } },
    sorted = sort(obj);

console.log(sorted);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Feb 25, 2019 at 7:16

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

2 Comments

adiga Over a year ago

For a second I thought you were spreading Object: ...Object

adiga Over a year ago

Yes, yes, I was confused by the indentation

zmag · Accepted Answer · 2019-02-25 07:22:40Z

1

Assign an empty object first, and add sorted properties.

var sorted = {}
Object.keys(obj).sort().forEach(function(val) {
  sorted[val] = {}
  Object.keys(obj[val]).sort().forEach(function(val2) {
    sorted[val][val2] = obj[val][val2]
  })
})

Complete snippet:

var obj = {
  'ABCD': {
    'E': {},
    'R': {},
    'A': {},
    'E': {}
  },
  'WXYZ': {
    'F': {},
    'M': {},
    'G': {},
    'A': {}
  },
  'MNOP': {
    'A': {},
    'H': {},
    'B': {},
    'C': {}
  },
  'EFGH': {
    'D': {},
    'C': {},
    'B': {},
    'E': {}
  }
}

var sorted = {}
Object.keys(obj).sort().forEach(function(val) {
  sorted[val] = {}
  Object.keys(obj[val]).sort().forEach(function(val2) {
    sorted[val][val2] = obj[val][val2]
  })
})
console.log(sorted)

edited Feb 25, 2019 at 7:22

answered Feb 25, 2019 at 7:11

zmag

8,27112 gold badges39 silver badges47 bronze badges

Comments

Dilan Livera · Accepted Answer · 2019-02-25 07:33:59Z

0

Recursive version

function sortedFunc(inputObj){
    var sorted = {}

    //get keys
    const keys = Object.keys(inputObj).sort();
    keys.forEach( key => {
       if(inputObj[key] instanceof Object){           
           sorted[key] = sortedFunc(inputObj[key]);
       } else {
           sorted[key] = inputObj[key];
    }
});
return sorted;
}

answered Feb 25, 2019 at 7:33

Dilan Livera

459 bronze badges

Collectives™ on Stack Overflow

Sorting alphabetically an object of objects through keys in Javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related