對象鍵添加到每個項目對象數組中

Question

我從一個端點回來這樣的有效載荷：

const charges = [ 
    { 
     'id': 'someId', 
     'dates': ['2017-11-11', '2017-12-11'], 
    }, 
    { 
     'id': 'anotherId', 
     'dates': ['2017-09-11', '2017-10-11'], 
    }, 
]; 

什麼是對dates陣列連接id到每個項目的所以最好的辦法這導致這樣的：

[ 
    { id: 'someId', date: '2017-11-11' }, 
    { id: 'someId', date: '2017-12-11' }, 
    { id: 'anotherId', date: '2017-09-11' }, 
    { id: 'anotherId', date: '2017-10-11' }, 
] 

我已經試過這樣的事情：

let history = []; 
charges.map(charge => (
    charge.dates.map((date) => (
     history.concat({ 
      id: charge.payerCode, 
      date: date, 
     }) 
    )) 
)); 

但我在使用它的範圍中沒有定義歷史記錄。

我知道可能有更好的方法來做到這一點，但我似乎無法繞過它。

任何幫助將不勝感激！

謝謝！

Answer 1

你可以Array#reduce而concat所有對象，與日期數組構建。

let charges = [{ id: 'someId', dates: ['2017-11-11', '2017-12-11'] }, { id: 'anotherId', dates: ['2017-09-11', '2017-10-11'] }], 
 
    result = charges.reduce((r, { id, dates }) => r.concat(dates.map(date => ({ id, date }))), []); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

邊緣版本，這將阻止（它可能是邊緣的內部的一個錯誤）

SCRIPT5113: Use before declaration 
result = charges.reduce((r, { id, dates }) => r.concat(dates.map(date => ({ id, date }))), []); 
                      ^

const 
 
    charges = [{ id: 'someId', dates: ['2017-11-11', '2017-12-11'] }, { id: 'anotherId', dates: ['2017-09-11', '2017-10-11'] }], 
 
    result = charges.reduce((r, a) => r.concat(a.dates.map(d => ({ id: a.id, date: d }))), []); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

您可以結合使用Array#reduce與Array#concat這樣的：

const charges = [ 
 
    { 
 
     'id': 'someId', 
 
     'dates': ['2017-11-11', '2017-12-11'], 
 
    }, 
 
    { 
 
     'id': 'anotherId', 
 
     'dates': ['2017-09-11', '2017-10-11'], 
 
    }, 
 
]; 
 

 
var r = charges.reduce(function(acc, obj) { 
 
    return acc.concat(obj.dates.map(function(date) { 
 
    return { 
 
     id : obj.id, 
 
     date : date 
 
    }; 
 
    })) 
 
}, []); 
 

 
console.log(r);

Answer 3

與Array#reduce嘗試重新創建陣列和Array#forEach迭代內陣列

const charges = [{'id': 'someId', 'dates': ['2017-11-11', '2017-12-11'],}, { 'id': 'anotherId','dates': ['2017-09-11', '2017-10-11'],},]; 
 

 
var res = charges.reduce(function(a,b){ 
 
b.dates.forEach(function(n){ 
 
a.push({id:b.id,dates:n}) 
 
}) 
 
return a; 
 
},[]) 
 

 
console.log(res)

ES6

const charges = [{'id': 'someId', 'dates': ['2017-11-11', '2017-12-11'],}, { 'id': 'anotherId','dates': ['2017-09-11', '2017-10-11'],},]; 
 

 
var res = charges.reduce((a,b) =>(b.dates.forEach(d=>a.push({id:b.id,dates:d})),a),[]) 
 

 
console.log(res)

Answer 4

一個簡單勢在必行的解決辦法是：

const history = []; 
for (const { payerCode, dates } of charges) { 
    for (const date of dates) { 
    history.push({ id: payerCode, date }); 
    } 
} 

Answer 5

$(document).ready(function(){ 
    const charges = [ 
    { 
     'id': 'someId', 
     'dates': ['2017-11-11', '2017-12-11'], 
    }, 
    { 
     'id': 'anotherId', 
     'dates': ['2017-09-11', '2017-10-11'], 
    }, 
]; 
var temp={}; 
var finalArray = []; 
for(ch in charges){ 
    for(dt of charges[ch]['dates']){ 
     temp.id = charges[ch]['id']; 
     temp.date =dt; 
     finalArray.push(temp); 
     temp={}; 
    } 
} 
console.log(JSON.stringify(finalArray)); 
}); 

Answer 6

const charges = [ 
 
    { 
 
     'id': 'someId', 
 
     'dates': ['2017-11-11', '2017-12-11'], 
 
    }, 
 
    { 
 
     'id': 'anotherId', 
 
     'dates': ['2017-09-11', '2017-10-11'], 
 
    }, 
 
]; 
 

 
function flatten(charges) {  
 
    return charges.reduce((p, {id, dates}) => 
 
      (dates.forEach(date => p.push({id, date})), p), []);  
 
} 
 

 
console.log(flatten(charges))