JS實現(xiàn)購物車中商品總價計算
更新時間:2021年03月07日 15:11:40 作者:endggl
這篇文章主要為大家詳細介紹了JS實現(xiàn)購物車中商品總價的計算 ,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
JS計算購物車中商品總價,供大家參考,具體內容如下
題目要求:
購物車中有若干商品信息,其中包括商品的名稱、單價、數量,計算購物車中商品的總價。
具體思路:
商品信息通過創(chuàng)建商品對象來實現(xiàn),若干商品的加和通過創(chuàng)建數組來放置若干商品,再通過遍歷數組讀取指定屬性對價格進行計算。
具體代碼:
<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); // 創(chuàng)建函數進行總價計算 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>
運行結果:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
inputSuggest文本框輸入時提示、自動完成效果(郵箱輸入自動補全插件)
inputSuggest在文本框輸入字符時提示,類似Windows的“自動完成”功能,當在文本框輸入字符時,與此相關的內容會顯示在文本框的下邊,你可隨時使用鍵盤或鼠標點選那些提示,你就不用輸入了2012-05-05suggestion開發(fā)小結以及對鍵盤事件的總結(針對中文輸入法狀態(tài))
suggestion開發(fā)小結以及對鍵盤事件的總結(針對中文輸入法狀態(tài)),需要的朋友可以參考下。2011-12-12