Estoy tratando de pensar en una mejor manera para esta lógica. Básicamente, tengo 3 niveles. Cada nivel tiene un número límite. P.ej:
Para el nivel 1, el límite es 5 Para el nivel 2, el límite es 8 Para el nivel 3, el límite es 15.
[ { title: 'Tier I', amount: 5, fullfiled: x, price: 10 }, { title: 'Tier II', amount: 8, fullfiled: y, price: 20 }, { title: 'Tier III', amount: 15, fullfiled: z, price: 30 }, ]Lo que viene de mi backend es solo el Total . Entonces, supongamos que devuelve 10. Necesito obtener la diferencia para identificar en qué nivel se encuentra el usuario. En este caso, el Tier 2, porque para el tier 1 se cumplirá el límite de 5. Para el Tier 2 solo se cumplirá 5/8, por lo tanto Y será 3 como se muestra a continuación:
Necesito obtener la diferencia entre estos límites para poder reemplazar X, Y y Z con el número. Me gustaría una sugerencia para una forma elegante de resolver este problema. Traté de tener una matriz con los límites y restar para obtener la diferencia. P.ej:
let totalCompleted = 10; const limitTier = [5, 8, 15] limitTier.map(value => { // logic ? totalCompleted - value; })Intente usar un reductor en lugar de un mapa.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce
Algo similar a esto:
const { tiers } = [ { title: 'Tier I', amount: 5, price: 10 }, { title: 'Tier II', amount: 8, price: 20 }, { title: 'Tier III', amount: 15, price: 30 }, ].reduce(({ rest, tiers } , tier) => ({ rest: Math.max(rest - tier.amount, 0), tiers: [ ...tiers, { ...tier, fullfiled: Math.min(tier.amount, rest), } ] }), { rest: 10, tiers: [] })Pruebe esta solución.
const tiers = [ { title: 'Tier I', amount: 5, fullfiled: 'x', price: 10 }, { title: 'Tier II', amount: 8, fullfiled: 'y', price: 20 }, { title: 'Tier III', amount: 15, fullfiled: 'z', price: 30 }, ]; let totalCompleted = 10; for (let item of tiers) { totalCompleted -= item.amount; if (totalCompleted < 0) { item.fullfiled = totalCompleted * -1; break; } } console.log('tier', tiers);