JS實現購物車中商品總價計算

2021-03-07 22:00:15

JS計算購物車中商品總價，供大家參考，具體內容如下

題目要求：

購物車中有若干商品資訊，其中包括商品的名稱、單價、數量，計算購物車中商品的總價。

具體思路：

商品資訊通過建立商品物件來實現，若干商品的加和通過建立陣列來放置若干商品，再通過遍歷陣列讀取指定屬性對價格進行計算。

具體程式碼：

<script type="text/javascript">
 // 總價變數
 var sum = 0;
 // 商品物件
 function Goods(name,price,amount){
 this.name = name;
 this.price = price;
 this.amount = amount;
 // this.add = fun();
  }
 // 定義宣告商品範例
 var goods1 = new Goods("鋼筆",100,1);
 var goods2 = new Goods("紙巾",10,1);
 var goods3 = new Goods("練習冊",100,2);
  
 // 建立函數進行總價計算
 function totalPrice(){
 // 將物件放入陣列
 var arr = new Array(goods1,goods2,goods3);
 // 通過遍歷將各個商品價格進行相加
 for(var i in arr){
  sum = sum + (arr[i].price * arr[i].amount);
  };
  console.log(sum);
 };
  
 console.log(goods1);
 console.log(goods2);
 console.log(goods3);
 totalPrice();
</script>

執行結果：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。

JS實現購物車中商品總價計算

題目要求：

具體思路：

具體程式碼：

熱門文章