Javascript: sorting objects in objects

Question

As you may assume - I'm stuck ;) My problem is that I have an object with some other objects within:

let players = {
  buggy: {
    name: 'John',
    surname: 'Cocroach',
    rank: 872
  },
  valentino: {
    name: 'Antonio',
    surname: 'Valencia',
    rank: 788
  },
  tommy: {
    name: 'Tom',
    surname: 'Witcher',
    rank: 101
  },
};

And what I want to do is to sort "players" object by "rank": (tommy(101), valentino(788), buggy(872)) or by a string (e.g. "surname"). What is more I want it to still be an object (I am using it in several other functions ;) )

I tried some ideas form here (e.g. converting to an array), but all were uneffective. What would be the best option?

You can't, objects don't have any specific order. Use array instead. — Teemu
– Teemu, Commented Mar 9, 2018 at 17:48
You can't do that , btw it's unnecesary (it doesn't make sense) to sort the keys of an object. — Ele
– Ele, Commented Mar 9, 2018 at 17:49

Jonas Wilms · Accepted Answer · 2018-03-09 17:57:12Z

1

As objects are stored by reference you can have an array and an object operating on the same underlying player objects:

 const playersByRank = Object.values(players).sort((a, b) => a.rank - b.rank);

Now you can access a player either via its name under players or via its relative rank under playersByRank, e.g. taking the player "buggy" is the same as taking the highest ranked player:

players.buggy.test = "works";
console.log(playersByRank[0].test);

edited Mar 9, 2018 at 17:57

answered Mar 9, 2018 at 17:51

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

2 Comments

zfrisch Over a year ago

Could you possibly add a code snippet instead of just the code? :)

Jonas Wilms Over a year ago

@zfrisch nope i could not.

Ele · Accepted Answer · 2018-03-09 18:45:29Z

You can sort the keys and then return an iterable object. This way you will be able to loop it.

Another approach is using a simple array with the keys, Etc, however this approach (iterable object) is cleaner.

Let's create a function called sortAsIterable(..), this function will return an iterable object of players.

Important: Be careful with IE

let players = {  buggy: {    name: 'John',    surname: 'Cocroach',    rank: 872  },  valentino: {    name: 'Antonio',    surname: 'Valencia',    rank: 788  },  tommy: {    name: 'Tom',    surname: 'Witcher',    rank: 101  },};

function sortAsIterable(obj) {
  let sortedKeys = Object.keys(obj).sort(function(a, b) {
    return obj[a].rank - obj[b].rank;
  });
  
  let myIterable = {}, index = 0;
  myIterable[Symbol.iterator] = function*() {
    for (let k of sortedKeys) yield {[k]: obj[k]};
  };
  
  return myIterable;
}

// Object sorted.
let sortedPlayers = sortAsIterable(players); 
players.buggy.name = "Ele"; // This is to illustrate the live access to the values.

// Now you can iterate them .
// You can do this as much as you want, for example in different parts of your code.
for (let player of sortedPlayers) console.log(player);

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

Resources

Iterators and generators

Collectives™ on Stack Overflow

Javascript: sorting objects in objects

2 Answers 2

2 Comments

Resources

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Resources

Comments

Your Answer

Sign up or log in

Post as a guest

Related