Estoy trabajando en una matriz usando el método groupBy lodash, aquí el orden original de la matriz no existe al realizar groupBy, es la forma de recuperarlo después de groupBy ()
const groupBy from "groupBy/lodash"; const mockData = [ { groupId:"44", groupName:"mno", }, { groupId:"45", groupName:"pqr" }, { groupId:"40", groupName:"abc" }, { groupId:"41", groupName:"def" }, ] const filteredArray = mockData.filter(item =>....); //logic to filter based on few parameters const newArray = groupBy(filteredArray, "groupId"); console.log(newArray); result - { 40: [{ groupId:"40", groupName:"abc" }], 41: [{ groupId:"41", groupName:"def" }], 44: [{ groupId:"44", groupName:"mno" }], 45: [{ groupId:"45", groupName:"pqr" }], } expected - { 44: [{ groupId:"44", groupName:"mno", }], 45: [{ groupId:"45", groupName:"pqr" }], 40: [{ groupId:"40", groupName:"abc" }], 41 [{ groupId:"41", groupName:"def" }], }Supongo que el método groupBy está ordenando/agrupando la matriz usando groupId .
¿Puede aclarar esta pregunta? ¿Está diciendo que el orden de mockData es diferente y el orden de newArray es diferente? Si es así, entonces está agrupado por groupId; de lo contrario, está mutando la matriz.
La función _.groupBy() crea un objeto. Está agrupando por el id , y los id son números enteros en forma de cadena. Las reglas de orden transversal de ES6 ordenan las propiedades enteras por su valor (ascendente); consulte este artículo . En su caso, los grupos se ordenan por el valor entero de id .
Dado que _.groupBy() en realidad no ordena las claves, ni puede ordenar explícitamente las claves enteras del objeto, deberá usar otra estructura que conserve el orden: un Map .
const groupByToMap = (arr, predicate) => arr.reduce((acc, o) => { const key = predicate(o) if(!acc.has(key)) acc.set(key, []) acc.get(key).push(o) return acc }, new Map()) const mockData = [{ groupId:"44", groupName:"mno" }, { groupId:"45", groupName:"pqr" }, { groupId:"40", groupName:"abc" }, { groupId:"41", groupName:"def" }] const result = groupByToMap(mockData, o => o.groupId) // !!! look at the browser's console (the snippet's would display an empty object) !!! console.log(result) // when converting to an object the keys would be reordered by their integer value console.log(Object.fromEntries(result))