JS實(shí)現(xiàn)購(gòu)物車(chē)中商品總價(jià)計(jì)算
JS計(jì)算購(gòu)物車(chē)中商品總價(jià),供大家參考,具體內(nèi)容如下
題目要求:
購(gòu)物車(chē)中有若干商品信息,其中包括商品的名稱、單價(jià)、數(shù)量,計(jì)算購(gòu)物車(chē)中商品的總價(jià)。
具體思路:
商品信息通過(guò)創(chuàng)建商品對(duì)象來(lái)實(shí)現(xiàn),若干商品的加和通過(guò)創(chuàng)建數(shù)組來(lái)放置若干商品,再通過(guò)遍歷數(shù)組讀取指定屬性對(duì)價(jià)格進(jìn)行計(jì)算。
具體代碼:
<script type="text/javascript">
// 總價(jià)變量
var sum = 0;
// 商品對(duì)象
function Goods(name,price,amount){
this.name = name;
this.price = price;
this.amount = amount;
// this.add = fun();
}
// 定義聲明商品實(shí)例
var goods1 = new Goods("鋼筆",100,1);
var goods2 = new Goods("紙巾",10,1);
var goods3 = new Goods("練習(xí)冊(cè)",100,2);
// 創(chuàng)建函數(shù)進(jìn)行總價(jià)計(jì)算
function totalPrice(){
// 將對(duì)象放入數(shù)組
var arr = new Array(goods1,goods2,goods3);
// 通過(guò)遍歷將各個(gè)商品價(jià)格進(jìn)行相加
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>
運(yùn)行結(jié)果:

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
教你使用javascript簡(jiǎn)單寫(xiě)一個(gè)頁(yè)面模板引擎
不知道你有木有聽(tīng)說(shuō)過(guò)一個(gè)基于Javascript的Web頁(yè)面預(yù)處理器,叫做AbsurdJS。只是打算寫(xiě)一個(gè)CSS的預(yù)處理器,后來(lái)擴(kuò)展到了CSS和HTML,可以用來(lái)把Javascript代碼轉(zhuǎn)成CSS和HTML代碼。當(dāng)然,由于可以生成HTML代碼,你也可以把它當(dāng)成一個(gè)模板引擎,用于在標(biāo)記語(yǔ)言中填充數(shù)據(jù)。2015-05-05
js和jquery判斷數(shù)據(jù)類型的4種方法總結(jié)
這篇文章主要給大家介紹了關(guān)于js和jquery判斷數(shù)據(jù)類型的4種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Javascript類型系統(tǒng)之String字符串類型詳解
這篇文章主要介紹了Javascript類型系統(tǒng)之String字符串類型詳解的相關(guān)資料,需要的朋友可以參考下2016-06-06
JavaScript實(shí)現(xiàn)tab欄切換的幾種常用方法
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)tab欄切換的幾種常用方法,在Web開(kāi)發(fā)中Tab切換是一個(gè)常見(jiàn)的功能,它允許用戶在不同的頁(yè)面部分之間進(jìn)行切換,需要的朋友可以參考下2023-12-12
詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法
這篇文章主要介紹了詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
react-router-dom?v6?通過(guò)outlet實(shí)現(xiàn)keepAlive?功能的實(shí)現(xiàn)
本文主要介紹了react-router-dom?v6?通過(guò)outlet實(shí)現(xiàn)keepAlive功能,文中根據(jù)實(shí)例編碼詳細(xì)介紹的十分詳盡,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03
使用js判斷當(dāng)前時(shí)區(qū)TimeZone是否是夏令時(shí)
這篇文章主要介紹了js判斷當(dāng)前時(shí)區(qū)TimeZone是否是夏令時(shí)的方法,需要的朋友可以參考下2014-02-02
Ajax 文件上傳進(jìn)度監(jiān)聽(tīng)之upload.onprogress案例詳解
這篇文章主要介紹了Ajax 文件上傳進(jìn)度監(jiān)聽(tīng)之upload.onprogress案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09

