Estoy buscando el siguiente ejemplo lodash-group y poblar matrices .
Sin embargo, necesito agrupar varias veces como en el siguiente ejemplo. ¿Qué tengo que hacer? Gracias
[ { birthdate: "1993", day: "12", category: "a", name: "Ben" }, { birthdate: "1993", day: "13", category: "a", name: "John" }, { birthdate: "1993", day: "14", category: "b", name: "Larry" }, { birthdate: "1994", day: "15", category: "", name: "Nicole" }, ];
a
[ { birthdate: "1993", birthdateDetail: [ { category: "a", categoryDetail: [ { day: "12", name: "Ben" }, { day: "13", name: "John" }, ], }, { category: "b", categoryDetail: [{ day: "14", name: "Larry" }], }, ], }, { birthdate: "1994", birthdateDetail: [{ category: "", day: "15", name: "Nicole" }], }, ];
Podría agrupar con un enfoque abstracto para la agrupación anidada tomando un objeto que conserve las claves para cada nivel, así como la estructura de resultados deseada.
Este enfoque funciona para el anidamiento arbitrario.
const data = [{ birthdate: "1993", day: "12", category: "a", name: "Ben" }, { birthdate: "1993", day: "13", category: "a", name: "John" }, { birthdate: "1993", day: "14", category: "b", name: "Larry" }, { birthdate: "1994", day: "15", category: "", name: "Nicole" }], groups = ['birthdate', 'category'], getEmpty = () => ({ _: [] }), result = data .reduce((q, o) => { groups .reduce((r, k) => { const v = o[k]; if (!v) return r; if (!r[v]) r._.push({ [k]: v, [k + 'Detail']: (r[v] = getEmpty())._ }); return r[v]; }, q) ._ .push(o); return q; }, getEmpty()) ._; console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
Está en la dirección correcta: usar _.groupBy
lo ayudará a agrupar sus datos, pero dado que necesita dos niveles de anidamiento, deberá ejecutarlo dos veces:
birthdate
.category
. Dado que _.groupBy
devuelve un objeto , necesitaremos usar Object.entries
para transformar el par clave-valor en una matriz de objetos que se ajusten a la forma que desea.
En el segundo nivel, necesitaremos hacer una iteración final para asegurarnos de eliminar las claves de category
y birthday
de los datos anidados.
Vea la prueba de concepto a continuación:
const data = [ { birthdate: "1993", day: "12", category: "a", name: "Ben" }, { birthdate: "1993", day: "13", category: "a", name: "John" }, { birthdate: "1993", day: "14", category: "b", name: "Larry" }, { birthdate: "1994", day: "15", category: "", name: "Nicole" }, ]; // Top level: group by birthdate const dataByBirthdate = _.groupBy(data, d => d.birthdate); // Convert object into array of objects const transformedData = Object.entries(dataByBirthdate).map(entry => { const [birthdate, value] = entry; // Second level: group by category const birthdatedetailByCategory = _.groupBy(value, d => d.category); const birthdatedetail = Object.entries(birthdatedetailByCategory).map(entry => { const [category, value] = entry; // Step through all entries to ensure we remove keys of your selection const categorydetail = value.map(d => { delete d.birthdate; delete d.category; return d; }); return { category, categorydetail }; }); return { birthdate, birthdatedetail }; }); console.log(transformedData);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
Esta es una función para agrupar una matriz con lodash:
const formatedResponse = _(arr) .groupBy("birthdate") .map((items, birthdate) => { const birthdateDetails = _(items) .groupBy("category") .map((items, category) => { return { category, categoryDetails: items.map(({ day, name }) => ({ day, name })) }; }) .value(); return { birthdate, birthdateDetails }; }) .value();