Sort array of EmberJS objects by property

Question

I noticed this on the EmberJS website under Filtering:

Another common task to perform on an Enumerable is to take the Enumerable as input, and return an Array after sorting or filtering it based on some criteria.

Imagine I have an array of Ember objects, how do I go about sorting them by property?

App.DemoArray = Ember.ArrayController.create({
    content:[
        Ember.Object.create({name:'Joe', Age:29}),
        Ember.Object.create({name:'Jim', Age:53}),
        Ember.Object.create({name:'Jack', Age:12})
    ]
})

What if I wanted to sort the above by age? Thanks for your help!

EDIT: I found this in the sproutcore documentation but it doesn't seem to work with Ember:

You can sort an Enumerable based on the value of some property or list of properties using sortProperty. If you pass in multiple properties, SproutCore will sort items with the same value for the first property by the value of the second parameter, and so on.

Section 3.8 on this page: http://guides.sproutcore20.com/enumerables.html

Rimian · Accepted Answer · 2018-10-01 04:21:35Z

16

Ember MutableArray has a sortBy method:

https://emberjs.com/api/ember/release/classes/MutableArray

edited Oct 1, 2018 at 4:21

Rimian

38.7k17 gold badges128 silver badges119 bronze badges

answered Feb 6, 2014 at 12:49

Nath

6,8842 gold badges31 silver badges22 bronze badges

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

Comments

Willem de Wit · Accepted Answer · 2013-04-08 13:48:45Z

11

As described here you can now sort your ArrayController.

The way you do it is provide extra properties on your ArrayController (pasted from link above):

songs = [
  {trackNumber: 4, title: 'Ob-La-Di, Ob-La-Da'},
  {trackNumber: 2, title: 'Back in the U.S.S.R.'},
  {trackNumber: 3, title: 'Glass Onion'},
];

songsController = Ember.ArrayController.create({
  content: songs,
  sortProperties: ['trackNumber'],
  sortAscending: true
});

songsController.get('firstObject');  // {trackNumber: 2, title: 'Back in the U.S.S.R.'}
songsController.addObject({trackNumber: 1, title: 'Dear Prudence'});
songsController.get('firstObject');  // {trackNumber: 1, title: 'Dear Prudence'}

answered Apr 8, 2013 at 13:48

Willem de Wit

8,7729 gold badges59 silver badges90 bronze badges

Comments

skinneejoe · Accepted Answer · 2012-01-30 19:00:11Z

11

EDIT: The below solution seems to only apply to numeric values. However this link will give advice on how to handle alpha-numeric, dates, etc: http://www.javascriptkit.com/javatutors/arraysort2.shtml

Nevermind, I figured it out. You can do it with Javascripts built in sort method:

//To sort ASC
var sorted = content.sort(function(a,b) {
    return a.get('propertyYouWantToSortBy') - b.get('propertyYouWantToSortBy');
});

//To sort DESC
var sorted = content.sort(function(a,b) {
    return b.get('propertyYouWantToSortBy') - a.get('propertyYouWantToSortBy');
});

edited Jan 30, 2012 at 19:00

answered Jan 30, 2012 at 17:46

skinneejoe

3,9915 gold badges34 silver badges47 bronze badges

Comments

stevethecollier · Accepted Answer · 2015-10-05 17:54:41Z

4

in case anybody comes across this, the updated way to sort in ember is

 Ember.computed.sort('nameOfArrayToSort', sortDefinition)

sortDefinition may be an array of strings

 ['mainSortProperty:asc', 'secondarySortProp:desc', ...]

or a comparator function

docs here: http://emberjs.com/api/classes/Ember.computed.html#method_sort

answered Oct 5, 2015 at 17:54

stevethecollier

1,03411 silver badges13 bronze badges

Comments

pangratz · Accepted Answer · 2012-01-28 09:31:02Z

3

As discussed in https://github.com/emberjs/ember.js/issues/335 sorting is not implemented anymore in the core ember.js package.

answered Jan 28, 2012 at 9:31

pangratz

16.2k7 gold badges52 silver badges75 bronze badges

1 Comment

Jo Liss Over a year ago

It seems to be back as SortableMixin. docs.edge.emberjs.com/symbols/Ember.SortableMixin.html

Collectives™ on Stack Overflow

Sort array of EmberJS objects by property

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related