javascript - reduce不会对js中的数组数字求和

Question

我有一个数组，可以获取每个产品的数量，我想对它们的数量求和，但是当我使用 reduce 时，它​​只会根据图片将数组中的数字放在红色购物按钮中彼此相邻！

这是我的代码：

function updateTotal() {
  let total = 0;
  let arr = [];
  const items = document.querySelectorAll(".prodItem");
  for (i = 0; i < items.length; i++) {
    priceAmount = items[i].querySelectorAll(".prodPrice")[0];
    productQuantity = items[i].querySelectorAll(".num")[0];
    const quantity = productQuantity.value;
    const priceContent = priceAmount.innerText;
    const price = priceContent.replace("$", "");
    total += price * quantity;
    document.querySelector(".total-amount").innerText = "$" + total;
    arr.push(quantity);
  }

  counter.innerText = arr.reduce(
    (accumulator, currentValue) => accumulator + currentValue
  );
}

标签： javascriptarraysnumbersreduce