utiliser Lodash pour trier un tableau d'objets par valeur

Question

J'essaie de trier un tableau par la valeur "nom" (en utilisant Lodash). J'ai utilisé la documentation de Lodash pour créer la solution ci-dessous, mais .orderBy ne semble pas avoir d'effet du tout. Quelqu'un peut-il m'éclairer sur la manière correcte de trier un tableau ?

Tableau des caractères

[  
   {  
      "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"
   }
]

Code de fonction

 var chars = this.state.characters;

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

 this.setState({characters: chars})

Answer 1

Cette méthode orderBy ne modifie pas le tableau d'entrée, vous devez assigner le résultat à votre tableau :

var chars = this.state.characters;

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

 this.setState({characters: chars})

Answer 2

Vous pouvez utiliser lodash sortBy ( https://lodash.com/docs/4.17.4#sortBy ).

Votre code pourrait être le suivant :

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)

Answer 3

Si vous avez besoin de trier par date, vous pouvez utiliser cette solution :

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

Si vous utilisez moment bibliothèque, alors :

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

P.s. Notez que le lodash ne trie pas les dates au format chaîne, vous devez donc le convertir en objet Date.