Question

我正在尝试创建一个合并两个对象数组的函数。

const obj = {
sales: [
    {date: '01 FEB 2020', value: 1200},
    {date: '05 FEB 2020', value: 3000},
    {date: '10 FEB 2020', value: 2000},
    {date: '15 FEB 2020', value: 2780},
    {date: '20 FEB 2020', value: 1890},
    {date: '25 FEB 2020', value: 2390},
    {date: '29 FEB 2020', value: 3490},
],
cost: [
    {date: '01 FEB 2020', value: 2000},
    {date: '05 FEB 2020', value: 1200},
    {date: '10 FEB 2020', value: 2800},
    {date: '15 FEB 2020', value: 2280},
    {date: '20 FEB 2020', value: 2000},
    {date: '25 FEB 2020', value: 3000},
    {date: '29 FEB 2020', value: 2490},
]}

由于值属性相同，我想将其更改为父名称，例如：sales, cost等

下面是我正在尝试的功能

processDualChartsData( data1, data2, newProp1, newProp2, newProp3, limit ){
    let chartData = data1.map( (item, i) => Object.assign( {}, {newProp1: item.date, newProp2: item.value}, {newProp3: data2[i].value} ) )
    return chartData.slice(0, limit)
}

并将函数用作

let barChartData = this.processDualChartsData( sales, cost, 'date', 'visitor', 'profit', 7 )

我希望从中得到回报：

[{date: "01 Feb 2020", sales: 40, cost: 45}, .... ]

但是我得到了

[{newProp1: "01 Feb 2020", newProp2: 40, newProp3: 45}, {.....}, .....]

我可以管理它吗？

Answer 1

您需要computed property names。

您可以省略Object.assign并直接使用新对象。

let chartData = data1.map((item, i) => ({
        [newProp1]: item.date,
        [newProp2]: item.value,
        [newProp3]: data2[i].value
    }));

Javascript重命名Object.assign（）函数中的对象属性

1 个答案: