Cómo has pedido ES6, hay muchos acercamientos para lograr lo que pides. En este ejemplo te muestro alguno de ellos:
const objetoIds = {
'19huH6KOy0EYau0e0Oc6CG': {
S: '15-12-2018'
},
'1Fr3I1pE6IcSEy4s0o0UwW': {
S: '31-12-2018'
},
'1UIrWAsEP6YUyQEiy4WAww': {
S: '31-12-2018'
},
'3extCHS2cg02YCY6GMEkG6': {
S: '31-12-2018'
},
'4eQUYsAKvDYYT7113b3E6J': {
S: '5-4-2019'
},
'4gnGMMruak2qU0yQqy884g': {
S: '15-12-2018'
},
'6lk1HPWKNaY0mWkU0Io6iq': {
S: '31-12-2018'
}
};
// Función para convertir las fechas a formato UTC,
// para poder realizar la comparación de las mismas.
// Es una reutilización de lo propuesto por 'ramirozap'
const convertirFecha = strFecha => {
const fecha = strFecha.split('-');
return Date.UTC(fecha[2], parseInt(fecha[1]) - 1, fecha[0]);
};
// PASO 1
const _map = new Map();
Object.keys(objetoIds).map(_ => {
_map.set(_, objetoIds[_]['S']);
});
// PASO 2
_map[Symbol.iterator] = function*() {
yield* [...this.entries()].sort(
([, a], [, b]) => convertirFecha(a) - convertirFecha(b)
);
};
// Paso 3a
const mapAsc = [..._map].map(([id, S]) => ({ id, S }));
console.log(mapAsc);
// PASO 3b
const _mapAsc = [..._map].reduce(
(acc, [id, S]) => Object.assign(acc, { [id]: { S } }), {}
);
console.log(_mapAsc);
PASO #1:
Con el uso de Map
, primero se convierten cada uno de los objetos en valores tipo hash, obteniendo el formato clave => valor
. En tu caso específico, el resultado queda de esta forma:
Map {
'19huH6KOy0EYau0e0Oc6CG' => '15-12-2018',
'1Fr3I1pE6IcSEy4s0o0UwW' => '31-12-2018',
'1UIrWAsEP6YUyQEiy4WAww' => '31-12-2018',
'3extCHS2cg02YCY6GMEkG6' => '31-12-2018',
'4eQUYsAKvDYYT7113b3E6J' => '5-4-2019',
'4gnGMMruak2qU0yQqy884g' => '15-12-2018',
'6lk1HPWKNaY0mWkU0Io6iq' => '31-12-2018'
}
PASO #2:
Seguidamente se utilizan generadores
tomando y cambiando Symbol.iterator
de Map.prototype[@@iterator]()
para obtener un resultado adaptado ordenando los elementos por fecha para devolverlos en forma de arreglo. El resultado de este paso queda así:
console.log([..._map_]);
[
[ '19huH6KOy0EYau0e0Oc6CG', '15-12-2018' ],
[ '4gnGMMruak2qU0yQqy884g', '15-12-2018' ],
[ '1Fr3I1pE6IcSEy4s0o0UwW', '31-12-2018' ],
[ '1UIrWAsEP6YUyQEiy4WAww', '31-12-2018' ],
[ '3extCHS2cg02YCY6GMEkG6', '31-12-2018' ],
[ '6lk1HPWKNaY0mWkU0Io6iq', '31-12-2018' ],
[ '4eQUYsAKvDYYT7113b3E6J', '5-4-2019' ]
]
Es en este momento donde se pueden sacar, por ejemplo, 2 tipos de resultados:
PASO #3a: Arreglo de Objetos.
[
{ id: '19huH6KOy0EYau0e0Oc6CG', S: '15-12-2018' },
{ id: '4gnGMMruak2qU0yQqy884g', S: '15-12-2018' },
{ id: '1Fr3I1pE6IcSEy4s0o0UwW', S: '31-12-2018' },
{ id: '1UIrWAsEP6YUyQEiy4WAww', S: '31-12-2018' },
{ id: '3extCHS2cg02YCY6GMEkG6', S: '31-12-2018' },
{ id: '6lk1HPWKNaY0mWkU0Io6iq', S: '31-12-2018' },
{ id: '4eQUYsAKvDYYT7113b3E6J', S: '5-4-2019' }
]
PASO #3b: Formato de objetos, cómo fue colocado originalmente.
{
'19huH6KOy0EYau0e0Oc6CG': { S: '15-12-2018' },
'4gnGMMruak2qU0yQqy884g': { S: '15-12-2018' },
'1Fr3I1pE6IcSEy4s0o0UwW': { S: '31-12-2018' },
'1UIrWAsEP6YUyQEiy4WAww': { S: '31-12-2018' },
'3extCHS2cg02YCY6GMEkG6': { S: '31-12-2018' },
'6lk1HPWKNaY0mWkU0Io6iq': { S: '31-12-2018' },
'4eQUYsAKvDYYT7113b3E6J': { S: '5-4-2019' }
}
for ... in
o usando Object.keys(obj) para luego hacer un forEach sobre las claves.