我试图使用Array.prototype.reduce
和...object
解构来解决另一个人的SO问题。我不明白为什么当我使用Object.assign
时它能按预期工作,但是当使用散布运算符时却不能按预期工作。
const str = 'Jack:13,Phil:15,Lucy:12'
const arr = str.split(',')
let reducer = (acc, val) => {
return { ...acc,
...{
[val.split(':')[0]]: Number(val.split(':')[1])
}
}
}
let reducer2 = (acc, val) => {
return Object.assign(acc, {
[val.split(':')[0]]: Number(val.split(':')[1])
})
}
let obj = {
Jody: 29
}
let obj2 = {
Julie: 28
}
arr.reduce(reducer, obj)
arr.reduce(reducer2, obj2)
console.log(obj)
/* output:
{
"Jody": 29
}
*/
console.log(obj2)
/* output:
{
"Julie": 28,
"Jack": 13,
"Phil": 15,
"Lucy": 12
}
*/
最佳答案
数组reduce
通常用于返回新值。即使它改变了一个累加器,也可以安全地假定它可以返回一个新值。arr.reduce(reducer, obj)
依赖于obj
被突变。 reducer2
确实会突变原始对象,这就是它起作用的原因。但这与reducer
相矛盾,后者使累加器保持不变。
它应该是:
obj = arr.reduce(reducer, obj);