如何使用reduce方法映射对象？

如何解决如何使用reduce方法映射对象？

我试图用我自己称为 mapper 的 map 方法使Person类成为可能。要求是使用reduce方法并将回调发送到mapper。

class Person {
  constructor(name,age,job) {
    this.name = name
    this.age = age
    this.job = job
  }
  mapper(cb) {
    return Object.entries(this).reduce((acc,item) => {
      acc = cb(item)
      return acc
    },{})
  }
}

我创建此类的实例。

const kate = new Person('Kate',34,'dev')
const result = kate.mapper(([key,val]) => (val === 34 ? { [key]: val } : {}))
console.log(result)
// {}

我应该得到我的结果

// {age: 34}

问题是因为acc等于最后一个条件（与作业比较时）。 好像acc在迭代过程中不断被覆盖。 我试图使用mapper方法中的forEach look解决该问题，但出现了一些错误。回调应该看起来像现在一样。我知道我应该在mapper中更改某事，但我不知道该怎么办。我也尝试使用Object.assing（）。

解决方法

似乎acc在迭代过程中不断被覆盖。

是正确的，因为您从cb获取了一个新对象，然后又返回了该对象。

如果要合并cb返回的对象，可以将其更改为使用Object.assign将cb返回的对象的属性复制到acc上：

mapper(cb) {
  return Object.entries(this).reduce((acc,item) => {
    Object.assign(acc,cb(item)); // ***
    return acc;
  },{});
}

...但是实际上，reduce并不是这里使用的工具；累加器永远不会改变（我们只是对其进行修改）。不过，您还是说这是必需的...

您也可以组合

    Object.assign(acc,cb(item)); // ***
    return acc;

进入

    return Object.assign(acc,cb(item)); // ***

因为Object.assign返回其第一个参数（如上的acc）。