javascript - 在一个函数中获取数组对象的属性 React

Question

我有 avg[] 数组，其中包含一个对象以及 avgphone、avgemail 和 avgemail 对象的属性。如何在一个函数中获取 avgphone、avgemail 和 avgemail 值？它工作正常，但似乎效率不高，

AvgPhone = () => {
    const nr = this.state.avg.map( (t, idx) => (
        t.avgphone||0
    ))
    return nr;
}
AvgEmail= () => {
    const nr = this.state.avg.map( (t, idx) => (
        t.avgemail||0
    ))
    return nr;
}
AvgLiveChat= () => {
    const nr = this.state.avg.map( (t, idx) => (
        t.avglive||0
    ))
    return nr;
}

Answer 1

通过一个 forEach 循环，您可以将所有内容合并到一个对象中。

const avg = [{ avgphone: 2, avgemail: 1 }, { avglive: 5 }];

const res = {AvgPhone: [], AvgEmail: [], AvgLiveChat: []};
avg.forEach(t => {
  res.AvgPhone.push(t.avgphone || 0);
  res.AvgEmail.push(t.avgemail || 0);
  res.AvgLiveChat.push(t.avglive || 0);
});

console.log(res);