Sort Array based on Object Attribute - Javascript [duplicate]

Question

This question already has an answer here:

I have an array of objects called 'canvasObjects'

Each object has an attribute called 'z'

I want to sort this array based on objects z. How do I do this using the sort() method?

nsgulliver · Answer 1 · 2013-03-24 01:22:38Z

Send anonymous function to the sort method which returns a subtraction of the property "z"

var arr = [{z:2},{z:4},{z:5},{z:1},{z:3}];

arr.sort(function(a,b) {return a.z - b.z});

above puts numbers in z to order 1,2,3,4,5. To reverse the order make it return "b.z - a.z".

PhilipK · Answer 2 · 2013-03-24 01:27:04Z

up vote 0 down vote

Tried other answers posted here but the I found the following to work best.

canvasObjects.sort(function(a,b) { return parseFloat(a.z) - parseFloat(b.z) } );

answered Mar 24 '13 at 1:27

PhilipK
2,52763470

Community · Answer 3 · 2014-01-29 09:57:43Z

You just need to pass in a comparator to the sort function

function compare(a,b) {
  if (a.attr < b.attr)
     return -1;
  if (a.attr > b.attr)
    return 1;
  return 0;
}

canvasObjects.sort(compare);

Or inline

canvasObjects.sort(function(a,b) {return (a.attr > b.attr) ? 1 : ((b.attr > a.attr) ? -1 : 0);} );

See this POST

marked as duplicate by Felix Kling, Andrew Whitaker, Bakudan, d_r_w, Jean Mar 25 '13 at 1:39