How can I reorder the objects in a javascript array?

Question

I have retrieved an array of test objects:

self.tests = response.data.tests;

The test objects that make up the array have a title and a modifiedBy field.

Is there some way that I can reorder the array by title ascending and then modifiedBy descending?

Possible duplicate of Sort array of objects by string property value in JavaScript — vidriduch
– vidriduch, Commented Mar 17, 2016 at 12:36

Nikhil Aggarwal · Accepted Answer · 2016-03-17 12:52:39Z

3

You can try following

self.tests.sort(function(a, b) {
     var diff = a.title.localeCompare(b.title);
     return diff == 0? b.modifiedBy.localeCompare(a.modifiedBy) : diff;
});

Example

var arr = [

  {"title" : "title1", "modifiedBy" : "david1"},
  {"title" : "title1", "modifiedBy" : "david3"},
  {"title" : "title2", "modifiedBy" : "david2"},
  {"title" : "title1", "modifiedBy" : "david2"},
  {"title" : "title2", "modifiedBy" : "david1"}
]

arr.sort(function(a, b) {
  var diff = a.title.localeCompare(b.title);
  return diff == 0? b.modifiedBy.localeCompare(a.modifiedBy) : diff;
});


console.dir(arr);

edited Mar 17, 2016 at 12:52

answered Mar 17, 2016 at 12:32

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

2 Comments

Alan2 Over a year ago

I am getting a message saying localeCompare does not exist on type number. Note that I am using typescript and modifiedBy is a number. Thanks

Nikhil Aggarwal Over a year ago

@Alan - I assumed modifiedBy as string. You need to change from b.modifiedBy.localeCompare(a.modifiedBy) to b.modifiedBy - a.modifiedBy

stanleyxu2005 · Accepted Answer · 2016-03-17 13:00:20Z

2

If you want to sort data in js code, @nikhil's answer is great.

As I saw you have the angularjs tag in your question, if you want to sort data in template, it would be much easier. Here is the tip (replace + with -, if you want sort in reversed direction):

<div ng-repeat="obj in tests | orderBy: ['+title','+modifiedBy']>
   Title: {{obj.title}}
   Modified By: {{obj.modifiedBy}}
</div>

edited Mar 17, 2016 at 13:00

answered Mar 17, 2016 at 12:52

stanleyxu2005

8,31115 gold badges61 silver badges99 bronze badges

1 Comment

Nikhil Aggarwal Over a year ago

That's how you do it in angular :)

Collectives™ on Stack Overflow

How can I reorder the objects in a javascript array?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related