Así que digamos que tenemos esta matriz:
const db = [ {name: 'Coffe', price: '10'}, {name: 'Stackoverflow Stickers', price: '7.5'}, {name: 'Nike Air Force', price: '100'}, // more objects in similar format (long list) ]Entonces, lo que quiero hacer es iterar a través de la matriz y calcular todos los precios de cada valor de objeto, en este caso, el precio.
Lo que probé, pero de alguna manera no funciona funciona:
let total = 0; data.map((d) => (d.total += total)) setTotal(totalValues)Puede usar la función Array.reduce :
const total = db.reduce( (total, curr) => total + parseFloat(curr.price), 0 ); setTotal(total);puedes usar array reduce para esto
no te olvides de parseFloat tu cadena en datos db
const db = [ {name: 'Coffe', price: '10'}, {name: 'Stackoverflow Stickers', price: '7.5'}, {name: 'Nike Air Force', price: '100'}, ] let total = db.reduce((previous, current) => (previous + parseFloat(current.price)), 0) console.log(total)Pruebe los siguientes cambios para solucionar el problema. Función de mapa interior en lugar de (d) => (d.total += total) use (d) => (total+= Number(d.price)) .
const data = [ {name: 'Coffe', price: '10'}, {name: 'Stackoverflow Stickers', price: '7.5'}, {name: 'Nike Air Force', price: '100'}, // more objects in similar format (long list) ] let total = 0; data.map((d) => (total+= Number(d.price))) console.log(total) Nota: En lugar de usar map , use forEach o un bucle normal para este tipo de operaciones. Como esto:
data.forEach((d) => (total+= Number(d.price)))