Tengo datos devueltos desde un servidor que necesito clasificar en cubos para mostrarlos.
Los datos se ven así
Array [ Object { "name": "1.00", "value": 17, }, Object { "name": "1.01", "value": 10, }, Object { "name": "1.5", "value": 9, }, Object { "name": "1.20", "value": 8, }, Object { "name": "1.30", "value": 7, }, Object { "name": "0.80", "value": 5, } ]Para este ejemplo, el nombre es el "tamaño" y el valor es el número de ocurrencias en el sistema. IE: (5 registros de tamaño "0.80", 8 registros de tamaño "1.20")
El objetivo final es tener los datos ordenados así:
[ {key: 'Under .30', value: 11}, {key: '.30 to .39', value: 3}, {key: '.40 .49', value: 2}, ... ... {key: '.90 to .99', value: 1}, {key: '1.00 to 1.09', value: 3}, {key: '1.10 to 1.19', value: 2}, ... ... {key: '5.00 to 5.09', value: 5}, {key: '5.00 to 5.09', value: 1}, ... {key: 'Over 10', value: 3}, {key: 'Other', value 21} ]Donde la clave es el tamaño y el valor es el número total de ocurrencias para esa agrupación.
Básicamente quiero hacer lo siguiente:
Realmente solo puedo pensar en crear estáticamente todas las matrices con anticipación (0.30 hasta 10+), que es más de 100, y luego simplemente hacer un bucle con las declaraciones if nuevamente, más de 100.
¡Sería muy apreciado si alguien puede ayudar con este problema o darme una mejor idea de cómo puedo abordar este problema!
Bueno, primero comenzaría una función que crea esta matriz de condiciones.
Como puedo ver en el ejemplo que has dado.
tiene un decimal inicial que es 0,30 y suma 0,10 hasta 10 y más de 10,0.
function createConditions(startValue, endValue, increment) { let conditions = [ { key: `Under ${startValue}`, value: 0, condition: (val) => val < startValue, }, ]; for (let i = startValue; i < endValue - increment; i += increment) { conditions.push({ key: `${i} to ${i + increment}`, value: 0, condition: (val) => val > i && val < i + increment, }); } conditions.push({ key: `Over ${endValue}`, value: 0, condition: (val) => val > endValue, }); return conditions; } let conditionsArray = createConditions(0.3, 3.0, 0.1);Después de esto, puede crear su matriz de condiciones con esta función
const testData = [ { name: "1.00", value: 17 }, { name: "1.01", value: 10 }, { name: "1.5", value: 9 }, { name: "1.20", value: 8 }, { name: "1.30", value: 7 }, { name: "0.80", value: 5 }, ];Desde aquí, tiene una matriz que tiene los valores y condiciones de sus claves y otra matriz del servidor.
Recorra los datos del servidor y verifique las condiciones. (Esta parte puede estar en una función en la que envía su matriz de condiciones y datos a una función y obtiene el resultado de esta parte como quiera usar :)
testData.forEach((datum) => { let find = conditionsArray.find((checker) => checker.condition(parseFloat(datum.name)) ); if (find) { find.value += datum.value; } });después de esto, debe iniciar sesión en conditionsArray y ver los resultados.
console.log(conditionsArray.filter((ch) => ch.value > 0)); // to show only conditions that have more then 0 :)Al final la consola me da esto
[ { key: '0.7999999999999999 to 0.8999999999999999', value: 5, condition: [Function: condition] }, { key: '0.9999999999999999 to 1.0999999999999999', value: 27, condition: [Function: condition] }, { key: '1.4000000000000001 to 1.5000000000000002', value: 9, condition: [Function: condition] } ]Para flotadores en la programación, consulte https://0.30000000000000004.com/