use Lodash to sort array of object by value

Question

I am trying to sort an array by 'name' value (using Lodash). I used the Lodash docs to create the solution below however .orderBy doesn't seem to be having any affect at all. Can anyone shed some light on the correct way to sort array?

Chars Array

[  
   {  
      "id":25,
      "name":"Anakin Skywalker",
      "createdAt":"2017-04-12T12:48:55.000Z",
      "updatedAt":"2017-04-12T12:48:55.000Z"
   },
   {  
      "id":1,
      "name":"Luke Skywalker",
      "createdAt":"2017-04-12T11:25:03.000Z",
      "updatedAt":"2017-04-12T11:25:03.000Z"
   }
]

Function Code

 var chars = this.state.characters;

 _.orderBy(chars, 'name', 'asc'); // Use Lodash to sort array by 'name'

 this.setState({characters: chars})

Artémis Young · Accepted Answer · 2019-08-22 11:58:36Z

293

This method orderBy does not change the input array, you have to assign the result to your array :

var chars = this.state.characters;

chars = _.orderBy(chars, ['name'],['asc']); // Use Lodash to sort array by 'name'

 this.setState({characters: chars})

edited Aug 22, 2019 at 11:58

answered Apr 12, 2017 at 13:35

Artémis Young

3,2221 gold badge15 silver badges19 bronze badges

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

2 Comments

Diego Ortiz Over a year ago

That second parameter ['asc'] doesn't order ascending, to achieve that the way would be to add a reverse() after the orderBy (at least in version 4.17.15)

Artémis Young Over a year ago

The documentation for 4.17.15 still says that the last parameter can be used to set the order : lodash.com/docs/4.17.15#orderBy

Caio Santos · Accepted Answer · 2017-08-07 21:26:35Z

82

You can use lodash sortBy (https://lodash.com/docs/4.17.4#sortBy).

Your code could be like:

const myArray = [  
   {  
      "id":25,
      "name":"Anakin Skywalker",
      "createdAt":"2017-04-12T12:48:55.000Z",
      "updatedAt":"2017-04-12T12:48:55.000Z"
   },
   {  
      "id":1,
      "name":"Luke Skywalker",
      "createdAt":"2017-04-12T11:25:03.000Z",
      "updatedAt":"2017-04-12T11:25:03.000Z"
   }
]

const myOrderedArray = _.sortBy(myArray, o => o.name)

answered Aug 7, 2017 at 21:26

Caio Santos

1,80317 silver badges11 bronze badges

2 Comments

Don Over a year ago

You can also use the shorthand: _.sortBy(myArray, 'name')

a_rahmanshah Over a year ago

Compared to orderBy, you can not pass sort type in sortBy, it always sorts by ascending order.

Damjan Pavlica · Accepted Answer · 2021-10-28 19:11:51Z

13

If you need to sort by date, you could use this solution:

orderBy(items, (a) => new Date(a.createdAt), ['asc']) // or 'desc'

If you are using moment library, then:

orderBy(items, (a) => moment(a.createdAt), 'asc')

P.s. Note that the lodash doesn't sort dates in string format, so you must convert it to Date object.

edited Oct 28, 2021 at 19:11

answered Apr 16, 2021 at 8:45

Damjan Pavlica

34.6k10 gold badges76 silver badges81 bronze badges

Collectives™ on Stack Overflow

use Lodash to sort array of object by value

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related