通过键将数组中的对象推送到其他数组

Question

我正在尝试将对象数组推到另一个现有的对象数组。

示例：

var invoices = [ 
{ 
  InvoiceId: 2,
  Contact: 'Jim',
  InvoiceNumber: '3',
  LineItems: [] 
},
{ 
  InvoiceId: 1002,
  Contact: 'Peter',
  InvoiceNumber: '4' },
  LineItems: [] 
}];


var invoiceLines = [ 
{ Id: 1003,
 InvoiceId: 2 },
 Amount: 1000,
{ Id: 1004,
 InvoiceId: 2,
 Amount: 1000,
{ Id: 1006,
 InvoiceId: 1002,
 Amount: 3000,}];

因此，我尝试将每个对象放入 invoiceLines 数组中，并将其推送到 invoices.Lineitems if InvoiceId < / strong>匹配。所以看起来像这样：

var result= [ 
{ 
 InvoiceId: 2,
 Contact: 'Jim',
 InvoiceNumber: '3',
 LineItems: [{ 
   Id: 1003,
   InvoiceId: 1002,
   Amount: 1000},{ 
   Id: 1004,
   InvoiceId: 1002,
   Amount: 1000}] 
},
{ 
 InvoiceId: 1002,
 Contact: 'Peter',
 InvoiceNumber: '4' },
 LineItems: [{
   Id: 1006,
   InvoiceId: 1002,
   Amount: 3000}] 
}];

我尝试了以下方法：

var result = _({})
 .merge(
  _(flattenedinvoiceLines).groupBy("InvoiceId").value(),
  _(invoices).groupBy("Id").value())
 .values()
 .flatten()
 .value();
}

这只是推送到invoices数组，而不是invoice.LineItems。

Answer 1

您可以遍历invoices，然后通过验证invoiceLines是否相同来找到InvoiceId中的所有匹配项。下面的示例代码

var invoices = [ 
{ 
  InvoiceId: 2,
  Contact: 'Jim',
  InvoiceNumber: '3',
  LineItems: []
},
{ 
  InvoiceId: 1002,
  Contact: 'Peter',
  InvoiceNumber: '4',
  LineItems: [] 
}
];

var invoiceLines = [
{ Id: 1003,
 InvoiceId: 2,
 Amount: 1000 
},
{ Id: 1004,
 InvoiceId: 2,
 Amount: 1000,
 },
{ Id: 1006,
 InvoiceId: 1002,
 Amount: 3000
 }
 ];
 
  
 
const result = invoices.map(invoice => {
  invoice.LineItems = invoiceLines.filter((line) => line.InvoiceId === invoice.InvoiceId)
  return invoice;
})
 console.log(result)

Answer 2

由于您使用的是Lodash，因此请使用：

• _.map遍历invoices数组
• _.filter根据invoiceLines从InvoiceId: item.InvoiceId中查找每条匹配的线
• _.extend将每个经过过滤和匹配的invoiceLine添加到LineItems

ES5示例：

var invoices = [{
    InvoiceId: 2,
    Contact: 'Jim',
    InvoiceNumber: '3',
    LineItems: []
  },
  {
    InvoiceId: 1002,
    Contact: 'Peter',
    InvoiceNumber: '4',
    LineItems: []
  }
];

var invoiceLines = [{
    Id: 1003,
    InvoiceId: 2,
    Amount: 1000
  },
  {
    Id: 1004,
    InvoiceId: 2,
    Amount: 1000
  },
  {
    Id: 1006,
    InvoiceId: 1002,
    Amount: 3000
  }
];

var mergedInvoices = _.map(invoices, function(item) {
  _.extend(item.LineItems, _.filter(invoiceLines, { InvoiceId: item.InvoiceId }));    
  return item;
});

console.log(mergedInvoices);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

ES6示例：

const invoices = [{
    InvoiceId: 2,
    Contact: 'Jim',
    InvoiceNumber: '3',
    LineItems: []
  },
  {
    InvoiceId: 1002,
    Contact: 'Peter',
    InvoiceNumber: '4',
    LineItems: []
  }
];

const invoiceLines = [{
    Id: 1003,
    InvoiceId: 2,
    Amount: 1000
  },
  {
    Id: 1004,
    InvoiceId: 2,
    Amount: 1000
  },
  {
    Id: 1006,
    InvoiceId: 1002,
    Amount: 3000
  }
];

const mergedInvoices = _.map(invoices, item => {
  _.extend(item.LineItems, _.filter(invoiceLines, { InvoiceId: item.InvoiceId }));    
  return item;
});

console.log(mergedInvoices);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>