1. 程式人生 > 程式設計 >JS實現購物車中商品總價計算

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

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

題目要求:

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

具體思路:

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

具體程式碼:

<script type="text/javascript">
 // 總價變數
 var sum = 程式設計客棧0;
 // 商品物件
 function Goods(name,price,amount){
 this.name = name;
 this.price = price;
 this.amount = amount;
 // this.add = fun();
  }
 // 定義聲www.cppcns.com
明商品例項 var goods1 = new Goods("鋼筆",100,1); var goods2 = new Goods("紙巾",10,1); var goods3 = new Goods("練習冊",2); // 建立函式進行總價計算 function totalPrice(){ // 將物件放入陣列 var arr = new Array(goods1,goods2,goods3); // 通過遍歷將各個商品價格進行相加 fWmiDGOJEor(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>

執行結果:

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

以上就WmiDGOJE是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。