Javascript. Sorting array of objects by property x

Question

I want to draw objects one by one sorted by y value, so objects that are "closer" won't be drawn behind objects that have lower y. I have array like this:

 List.list = [
 'idofobject' : {
  x: 20,
  y: 28
 },
 'otheridofobject' : {
  x: 20,
  y: 23
 },

];

How can i sort it by object y value? I tried to sort it like normal array of objects, but in this case i have id of object before properties, so it wasnt possible. How can i do this without deleting id of object?

Your List.list is incorrect, but this is answer is what you want: http://stackoverflow.com/questions/1129216/sort-array-of-objects-by-string-property-value-in-javascript — Molly Harper, Feb 22 '17 at 00:45

score 3 · Answer 1 · answered Feb 22 '17 at 00:44

3

On one line

list.sort((obj1, obj2) => obj1.y - obj2.y);

answered Feb 22 '17 at 00:44

Thai Tran

9,815
7
43
64

score 2 · Answer 2 · answered Feb 22 '17 at 00:43

2

You can use the Array.Prototype.sort function like so :

List.list.sort(function(a, b) {
  return a.y - b.y;
});

This will sort using a custom function.

Take a look at the documentation if you need more informations.

answered Feb 22 '17 at 00:43

Telokis

3,399
14
36

score -1 · Answer 3 · answered Feb 22 '17 at 00:44

-1

You can use if you want underscore

http://underscorejs.org/#sortBy

answered Feb 22 '17 at 00:44

Dei Revoledo

175
1
5

link only answers are of very little value. Provide relevant code based on link and only use link to support what is actually in the answer – charlietfl Feb 22 '17 at 00:47
Ok, I think the code in the link more clear imposible. But I appreciate your comment. – Dei Revoledo Feb 22 '17 at 00:51

Javascript. Sorting array of objects by property x

3 Answers3