我试图使用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);

10-05 20:58
查看更多