使用JavaScript中的forEach從對象數組添加具有相同鍵的多個對象值

Question

我正在使用Vue JS開發購物籃功能，我需要創建一個小計功能，該功能將每個商品的價格和數量值相乘並將它們加在一起以創建小計。

dataSet: [
  {
  "instock" : '',
  "price": 49,
  "qty": 1,
  "subTotal": '' 
  },
  {
  "instock" : '',
  "price": 29,
  "qty": 1,
  "subTotal" : '',
  },
]

我設法在對象數組上使用forEach返回“價格”和“數量”中每個值，如下所示：

getSubTotal(dataSet) {    
   this.dataSet.forEach(function(data) {
   console.log(data.price)
})
console
49
29

到目前為止，一切都很好（我認為），我正在獲得返回給我的價格值，唯一的問題是它們不是以相同的數組返回而是分開返回。 我確實需要將它們返回為[49,29]，因此我可以將這些小計的值加在一起。 我能夠按索引對每個數組進行硬編碼，然后分別添加它們，但是這並不能在將來證明對象數組中新服裝的可能性。

任何建議/批評或幫助將不勝感激。

Answer 1

 getSubTotal(dataSet) { return this.dataSet.map(function(data) { return data.price; }) 

Answer 2

好吧，我能夠弄清楚這一點。

dataSet: [
 {
 "price": 49,
 "qty": 1,
 },
 {
 "price": 29,
 "qty": 1,
 },
]

subTotals(data) {
  const calcArray = [data.price, data.qty];
  return calcArray.reduce((a,b)=> {
    //multiply price by quantity for subtotal
    return a*b;
  });
}