How to group and sort data with lodash library in Angular?

One possible solution is to group first, then sort. The changes would be minimal:

groupedData = _.groupBy(this.data, (item) => {
    return [item['nombre'], item['hash'], item['fecha_registro']];
});

finalData = _.orderBy(_.keys(groupedData), (item) => {
  return item.split(',')[2];
}, ['desc']).map(item => {
  return {
    [item]: groupedData[item]
  }
});

We use descto order from the most recent date to the oldest.

In this case, a function would be used as the second parameter of the method orderBy(), in order to access the attribute you need.

Here I updated the stackblitz with this solution.

When used _.groupBy()with an iterator function, the value you return in it dictates the values ​​to group with and the order in which they will appear in the generated 'key', then it will return the new object with the keys sorted alphabetically.

To get them sorted by date, the date should be first in the array you return in the iterator:

this.confPersoDocenteClas = _.groupBy(datos, (item) => {
    return [item['fecha_registro'], item['nombre'], item['hash']];
});

This will bring you the ones keysin another format ( 2021-10-26T20:28:25.350000Z,aprueba,13m49k9pg70b) and will also order them alphabetically, so they will come from the oldest to the most recent. If you want to re-format them as you need you could do something like:

// Conseguimos la lista de valores agrupados y la invertimos para conseguir el orden según fecha decreciente
this.confPersoDocenteClas = _.reverse(Object.values(this.confPersoDocenteClas)).reduce((obj, group) => {
    // iteramos sobre las listas para generar el 'key' necesario
    const item = group[0] // Cada grupo tiene al menos un item
    obj[`${item['nombre']},${item['hash']},${item['fecha_registro']}`] = group // recreamos la key
    return obj
}, {});

EDIT:

If you make console.log(...)the object you will still see the keys alphabetically, but that doesn't mean they are in the object...

It happens that javascript from the beginning considered objects as simple hashes of values ​​that lacked ordering between each key, that is why it console.log()will always order the keys stringalphabetically and the keys numberin increasing order.

However, since ES6 the iteration order over these has been defined which says:

• First, the keys with integers in ascending order.
• Then all the keys string, in the order they were added to the object .
• Finally, the keys with symbols, in the order that they were added to the object.

This affects functions in general that use their internal keys for execution, such as Object.keys(), Object.values()and Object.entries()so on.

That's why the answer is not wrong, but console.log()misleading:

// Imprime el objeto ordenado alfabéticamente:
console.log(this.confPersoDocenteClas)
/*
{
  aprueba,13m49k9pg70b,2021-10-26T20:28:25.350000Z: [{...}, {...}],
  btest,1sd345612se,2021-11-08T21:22:25.350000Z: [{...}, {...}],
  cvtest,asd1w345611s,2021-08-11T10:22:21.350000Z: [{...}]
}
*/
// Sin embargo Object.keys() retorna el orden correcto
console.log(Object.keys(this.confPersoDocenteClas))
// ["cvtest,asd1w345611s,2021-08-11T10:22:21.350000Z", "btest,1sd345612se,2021-11-08T21:22:25.350000Z", "aprueba,13m49k9pg70b,2021-10-26T20:28:25.350000Z"]

This shows that parsing is only if you need to have an object with string keys but ordering to use the iteration functions.

Otherwise it will be more useful to use an array like @Jonatan Lavado showed since they do save the ordering in the logs (since they are basically objects with numeric keys 0, 1, etc...)