JS實現(xiàn)購物車中商品總價計算
JS計算購物車中商品總價,供大家參考,具體內(nèi)容如下
題目要求:
購物車中有若干商品信息,其中包括商品的名稱、單價、數(shù)量,計算購物車中商品的總價。
具體思路:
商品信息通過創(chuàng)建商品對象來實現(xiàn),若干商品的加和通過創(chuàng)建數(shù)組來放置若干商品,再通過遍歷數(shù)組讀取指定屬性對價格進行計算。
具體代碼:
<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("練習(xí)冊",100,2); // 創(chuàng)建函數(shù)進行總價計算 function totalPrice(){ // 將對象放入數(shù)組 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>
運行結(jié)果:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript控制在光標(biāo)位置插入文字適合表情的插入
使用javascript控制在光標(biāo)位置插入文字,在實現(xiàn)表情的插入時會用到的,需要的朋友可以參考下2014-06-06inputSuggest文本框輸入時提示、自動完成效果(郵箱輸入自動補全插件)
inputSuggest在文本框輸入字符時提示,類似Windows的“自動完成”功能,當(dāng)在文本框輸入字符時,與此相關(guān)的內(nèi)容會顯示在文本框的下邊,你可隨時使用鍵盤或鼠標(biāo)點選那些提示,你就不用輸入了2012-05-05suggestion開發(fā)小結(jié)以及對鍵盤事件的總結(jié)(針對中文輸入法狀態(tài))
suggestion開發(fā)小結(jié)以及對鍵盤事件的總結(jié)(針對中文輸入法狀態(tài)),需要的朋友可以參考下。2011-12-12網(wǎng)站頁面自動跳轉(zhuǎn)實現(xiàn)方法PHP、JSP(上)
自動轉(zhuǎn)向,也叫自動重定向。自動跳轉(zhuǎn),指當(dāng)訪問用戶登陸到某網(wǎng)站時,自動將用戶轉(zhuǎn)向其它網(wǎng)頁地址的一種技術(shù)。轉(zhuǎn)向的網(wǎng)頁地址可以是網(wǎng)站內(nèi)的其它網(wǎng)頁,也可以是其它網(wǎng)站。2010-08-08