轉換數據

Question

我有以下數據結構：

const data = [ 
    { 
    name: 'ABC', 
    salesData: [ 
     { 
     timestamp: '2017-09-01', 
     value: 10 
     }, 
     { 
     timestamp: '2017-09-02', 
     value: 2 
     } 
    ] 
    }, 
    { 
    name: 'DEF', 
    salesData: [ 
     { 
     timestamp: '2017-09-01', 
     value: 8 
     }, 
     { 
     timestamp: '2017-09-02', 
     value: 3 
     } 
    ] 
    } 
]; 

我想這個轉換爲：

[ 
    { 
    name: 'ABC', 
    '2017-09-01': 10, 
    '2017-09-02': 2 
    }, 
    { 
    name: 'CDE', 
    '2017-09-01': 8, 
    '2017-09-02': 3 
    } 
] 

我試圖使用下劃線的鏈和地圖，我越來越困惑。到目前爲止，我有以下的，不知道怎麼辦我寫的convertedSalesData爲每個需要變換：

_.map(data, function(item) { 
    let name = item.name; 
    let salesData = item.salesData; 
    let convertedSalesData = ? 
}) 

Answer 1

隨着ES6您可以使用傳播語法...得到這個結果。

const data = [{"name":"ABC","salesData":[{"timestamp":"2017-09-01","value":10},{"timestamp":"2017-09-02","value":2}]},{"name":"DEF","salesData":[{"timestamp":"2017-09-01","value":8},{"timestamp":"2017-09-02","value":3}]}] 
 

 

 
var result = data.map(function({name, salesData}) { 
 
    return {name, ...Object.assign({}, ...salesData.map(({timestamp, value}) => ({[timestamp]: value})))} 
 
}) 
 
console.log(result)

Answer 2

const data = [{ 
 
    name: 'ABC', 
 
    salesData: [{ 
 
     timestamp: '2017-09-01', 
 
     value: 10 
 
     }, 
 
     { 
 
     timestamp: '2017-09-02', 
 
     value: 2 
 
     } 
 
    ] 
 
    }, 
 
    { 
 
    name: 'DEF', 
 
    salesData: [{ 
 
     timestamp: '2017-09-01', 
 
     value: 8 
 
     }, 
 
     { 
 
     timestamp: '2017-09-02', 
 
     value: 3 
 
     } 
 
    ] 
 
    } 
 
]; 
 

 
var res = data.map(function(a) { 
 
    var obj = { 
 
    name: a.name 
 
    }; 
 
    a.salesData.forEach(function(x) { 
 
    obj[x.timestamp] = x.value; 
 
    }) 
 
    return obj; 
 
}) 
 

 
console.log(res);

Answer 3

到@Nenad Vracar區類似。我傾向於使用'減少'：

data.map(({ name, salesData }) => ({ 
    name, 
    ...salesData.reduce(
    (record, { timestamp, value }) => { 
     record[timestamp] = value 
     return record 
    }, 
    Object.create(null) 
) 
}))