Actualmente tengo dificultades para filtrar y unir 2 conjuntos de datos en función de varias condiciones.
Los datos que estoy recibiendo son así
const ob = { "dataOne": [ { "type": "Type 1", "name": "failed" }, { "type": "Type 1", "name": "success" }, { "type": "Type 2", "name": "success" }, { "type": "Type 3", "name": "success" }, ], "dataTwo": [ { "type": "Type 1", "name": "click", }, { "type": "Type 2", "name": "click", }, { "type": "Type 2", "name": "click", }, { "type": "Type 1", "name": "click", }, { "type": "Type 3", "name": "click", }, ] };El resultado que busco es así.
{ "type 1" : [ { "count": 2 "success": 1 "failed": 1 "clicks": 2 } ], "type 2" : [ { "count": 1 "success": 1 "failed": 0 "clicks": 2 } ], "type 3" : [ { "count": 1 "success": 1 "failed": 0 "clicks": 1 } ] }Entonces, lo que esencialmente pretendo hacer es obtener los tipos únicos de dataOne. Luego necesito el recuento total de ocurrencias para cada tipo. Luego, necesito saber para cada tipo el conteo total de éxitos y fallas.
Luego, desde dataTwo , necesito incluir la cantidad de clics para cada tipo.
Para empezar (no estoy seguro si voy en la dirección correcta aquí), he hecho
const result = ob.dataOne.reduce( (acc, o) => (acc[o.type] = (acc[o.type] || 0)+1, acc), {} );Esto me dará los recuentos totales para cada tipo. Sin embargo, no estoy seguro de cómo verificar el éxito y el error y formatearlo como arriba.
Cualquier consejo apreciado. Empecé un JSFiddle
Gracias
Creo que es más fácil combinar primero los dos conjuntos de datos y luego reducirlos. Aquí está mi código para esto:
const ob = { "dataOne": [ { "type": "Type 1", "name": "failed" }, { "type": "Type 1", "name": "success" }, { "type": "Type 2", "name": "success" }, { "type": "Type 3", "name": "success" }, ], "dataTwo": [ { "type": "Type 1", "name": "click", }, { "type": "Type 2", "name": "click", }, { "type": "Type 2", "name": "click", }, { "type": "Type 1", "name": "click", }, { "type": "Type 3", "name": "click", }, ] }; const concatenatedArrays = ob.dataOne.concat(ob.dataTwo); const result = concatenatedArrays.reduce((acc, o) => { if (!acc[o.type]) { acc[o.type] = [{ "count": 0, "success": 0, "failed": 0, "click": 0, }]; } if(o.name == "failed" || o.name == "success"){ acc[o.type][0]['count'] = (acc[o.type][0]['count'] || 0) + 1; } acc[o.type][0][o.name] = acc[o.type][0][o.name] +1 return acc; }, {}); console.log(result);EDITAR:
Hmm, entonces el conteo es solo para dataOne, cambiando el código y usando reduce dos veces:
const ob = { "dataOne": [ { "type": "Type 1", "name": "failed" }, { "type": "Type 1", "name": "success" }, { "type": "Type 2", "name": "success" }, { "type": "Type 3", "name": "success" }, ], "dataTwo": [ { "type": "Type 1", "name": "click", }, { "type": "Type 2", "name": "click", }, { "type": "Type 2", "name": "click", }, { "type": "Type 1", "name": "click", }, { "type": "Type 3", "name": "click", }, ] }; const dataOneReduced = ob.dataOne.reduce((acc, o) => { if (!acc[o.type]) { acc[o.type] = [ { count: 0, success: 0, failed: 0, click: 0, }, ]; } acc[o.type][0]["count"] = (acc[o.type][0]["count"] || 0) + 1; acc[o.type][0][o.name] = acc[o.type][0][o.name] + 1; return acc; }, {}); const result = ob.dataTwo.reduce((acc, o) => { acc[o.type][0][o.name] = acc[o.type][0][o.name] + 1; return acc; }, dataOneReduced); console.log(result);