使用数组的map上的reduce计算值之间的差异
使用数组的map上的reduce计算值之间的差异
提问于 2020-12-30 16:28:42
我有一个要映射的对象数组，如下所示：
Array (3)
0 {_id: "5fea07cd143fd50008ae1ab2", newBalance: 1500, balanceDate: "2020-12-28T16:29:00.391Z"}
1 {_id:"5fea0837b2a0530009f3886f", newBalance: 1115, balanceDate: "2020-12-28T16:30:45.217Z"}
2 {_id: "5fec30faef904e0dd1e39c60", newBalance: 1415, balanceDate: "2020-12-30T07:49:13.214Z"}我用来映射的函数如下所示：
{ debtBalance.map ((debt, index) => {
return (
<div className="transaction-history">
<div className="transaction-history-entry" key={index}>
<p><Moment date={debt.balanceDate} format="Do MMM" /></p>
<p>-£{debt.newBalance}</p>
</div>
</div>
)
})
}我想修改我的映射函数，以减少这些对象中的“newBalance”条目--然后将当前值与之前的值进行比较，并找出两者之间的差异。
我想应该是这样的……
debt.reduce((previousValue, currentValue) => {
return previousValue.newBalance - currentValue.newBalance
})但是我得到了'debt.reduce是未定义的‘。
一旦我设置了reduce函数，我只想在我的应用程序中呈现不同之处，但这将是简单的。
如果您有任何建议，我们将不胜感激！:)
Stack Overflow用户
发布于 2020-12-30 16:59:12
你可以在渲染过程中直接减少，但提前准备数据可能会更简单，
以下是如何使用reduce进行映射的示例：
var data = [
{_id: "5fea07cd143fd50008ae1ab2", newBalance: 1500, balanceDate: "2020-12-28T16:29:00.391Z"},
{_id:"5fea0837b2a0530009f3886f", newBalance: 1115, balanceDate: "2020-12-28T16:30:45.217Z"},
{_id: "5fec30faef904e0dd1e39c60", newBalance: 1415, balanceDate: "2020-12-30T07:49:13.214Z"}
]
var res = data.reduce((ac, item) => {
var previous = ac.length && ac[ac.length - 1]
var diff = previous && previous.newBalance - item.newBalance
var augmented = item
augmented.diff = diff
return [ // we'll output an array, because that's what you'll need later
...ac, // you push in previous results
augmented
]
}, [])
console.log('res', res)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65504067
复制相关文章
相似问题
腾讯云开发者
