javascript - 如何计算元素总金额

Question

这里我想计算商品的总价。在这里，我从快速 session 中导入所有值。但我找不到获得总金额的方法

<div class="cart-list">
   <!-- Single Cart Item -->
   <div class="single-cart-item">
      <% if(typeof items.cart!=="undefined"){ %>
      <% items.cart.forEach(function(file) { %>
      <a href="#" id="displayImage" class="product-image">
         <img src="/image/<%= file.items %>" class="cart-thumb" 
            alt="">
         <div class="cart-item-desc">
            <span class="product-remove"><i class="fa fa-close" 
               aria-hidden="true"></i></span>
            <span class="badge"><%= file.brand %></span>
            <h6><%= file.name %></h6>
            <p class="price">LKR. <%= file.price %></p>
            <p class="color"><%= file.color %></p>
            <%  var amount = 0;
               amount += parseInt(file.price); %>
            <p class="total"><%= amount %></p>
         </div>
      </a>
      <% }); } %>
   </div>
</div>

Answer 1

var total = items.cart.reduce((acc, item) => { return acc + item.price }, 0)

使用array.reduce将值相加

或者按照 @Dai 在评论中所说的那样，将其添加到渲染之外并将其作为变量传递。