將對象推送到數組時，新的 object 顯示為 [[object],[object],[object]] 而不是 [object, object, object]

Question

這是我的 function：

addToCart(id) {
  var productToAdd = this.items.filter(function (item) {
    return item.id === id;
  })
  console.log(typeof(productToAdd));
  this.shoppingCart.push(productToAdd);
}

Typeof function 表示數據類型為'object'。 但是，生成的購物車 object 看起來像這樣，這意味着數據 object 確實是 [object]。

[
  [
    {
      "id": 2,
      "category": "Snack",
      "name": "Slanty",
      "price": "50",
      "image": "https://www.beautifulworld.com/wp-content/uploads/2016/09/K2-Mountain.jpg"
    }
  ],
  [
    {
      "id": 6,
      "category": "Snack",
      "name": "Slanty",
      "price": "50",
      "image": "https://www.beautifulworld.com/wp-content/uploads/2016/09/K2-Mountain.jpg"
    }
  ]
]

減輕這種情況的最佳方法是什么？ 我需要以[{},{},{}]形式而不是[[{}],[{}],[{}]]獲取我的對象我知道這不是一個好問題，但我是新手javascript。

Answer 1

如果使用 push，則考慮推送單個元素。 如果要添加另一個數組的元素，請使用concat方法

Answer 2

您必須使用find而不是filter 。

addToCart(id) {
  var productToAdd = this.items.find(item => item.id === id);
  if (typeof(productToAdd) !== 'undefined') {
    this.shoppingCart.push(productToAdd);
  }
}

Answer 3

這很簡單

//Assuming that 
 this.items= [ [ { "id": 2, "category": "Snack", "name": "Slanty", "price": "50", "image": "https://www.beautifulworld.com/wp-content/uploads/2016/09/K2-Mountain.jpg" } ], [ { "id": 6, "category": "Snack", "name": "Slanty", "price": "50", "image": "https://www.beautifulworld.com/wp-content/uploads/2016/09/K2-Mountain.jpg" } ] ]

this.shoppingCart=[];
this.items.forEach(item => {
 this.shoppingCart.push(item[0]);
});
console.log(this.shoppingCart) // this will be your resultant array