javascript - 如何在 JavaScript 中的数组中添加多个对象？

Question

每次单击“添加到购物车按钮”时，它都会更新 cartarray[]。我想要做的是在每次点击时在购物车中添加一个新对象，这样我就可以为每个不同的购物车项目拥有多个对象。

(function() {
  const cartbtn = document.querySelectorAll(".add_to_cart_button");

  cartbtn.forEach(function(btn) {
    btn.addEventListener("click", function(event) {
      if (event.target.parentElement.classList.contains("add_to_cart_button")) {
        let fullpath = event.target.parentElement.previousElementSibling.children[0].children[0].src;
        const item = {};
        item.img = fullpath;
        let name = event.target.parentElement.previousElementSibling.children[3].children[0].textContent;
        item.name = name;
        let price = event.target.parentElement.previousElementSibling.children[3].children[1].textContent;
        let finalprice = price.slice(1).trim();
        item.price = finalprice;
        const cartarray = [];
        var product = function(name, price, img) {
          this.name = name
          this.price = price
          this.img = img
        };
        cartarray.push(new product(name, finalprice, fullpath));
        console.log(cartarray);

      }
    });
  });
})();

<div class="product-item men">
  <div class="product discount product_filter">
    <div class="product_image">
      <img src="images/product_1.png" alt="">
    </div>
    <div class="favorite favorite_left"></div>
    <div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center"><span>-$20</span></div>
    <div class="product_info">
      <h6 id="item-name" class="product_name"><a href="single.html">Fujifilm X100T 16 MP Digital Camera (Silver)</a></h6>
      <div class="product_price">$520.00</div>
    </div>
  </div>
  <div class="red_button add_to_cart_button"><a href="#/">add to cart</a></div>
</div>

Answer 1

我留下的是答案而不是评论，因为我仍然没有发表评论的声誉。提供 HTML 代码，正如我的同事所说，我们将能够回答。我注意到可能会阻止您的代码工作的“可疑”是这两行代码:

const cartbtn = document.querySelectorAll(".add_to_cart_button"); 
if (event.target.parentElement.classList.contains("add_to_cart_button"))

可能是“.”在第一行中，或在第二行中丢失会停止您的代码工作。我可能是错的，这只是一个假设，没有看到你的完整代码