一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - JS實現購物車中商品總價計算

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

2022-02-13 17:17endggl js教程

這篇文章主要為大家詳細介紹了JS實現購物車中商品總價的計算 ,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

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

題目要求:

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

具體思路:

商品信息通過創建商品對象來實現,若干商品的加和通過創建數組來放置若干商品,再通過遍歷數組讀取指定屬性對價格進行計算。

具體代碼:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<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>

運行結果:

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持服務器之家。

原文鏈接:https://blog.csdn.net/qq_46700766/article/details/114453834

延伸 · 閱讀

精彩推薦
  • js教程四個Javascript 中的 For 循環

    四個Javascript 中的 For 循環

    在 ECMAScript5(簡稱 ES5)中,有三個循環。在 2015 年 6 月發布的 ECMAScript6(簡稱 ES6)中,新增了一種循環類型。...

    鋒享前端4652022-01-12
  • js教程原生js實現放大鏡組件

    原生js實現放大鏡組件

    這篇文章主要為大家詳細介紹了js實現放大鏡組件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    蒲公英芽5392022-01-06
  • js教程原生JS實現京東查看商品點擊放大

    原生JS實現京東查看商品點擊放大

    這篇文章主要為大家詳細介紹了原生JS實現京東查看商品點擊放大,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    A.香辣雞腿堡7262021-12-15
  • js教程JavaScript 中 find() 和 filter() 方法的區別

    JavaScript 中 find() 和 filter() 方法的區別

    JavaScript 在 ES6 上有很多數組方法,每種方法都有獨特的用途和好處。...

    鋒享前端4752021-12-28
  • js教程微信小程序canvas實現簽名功能

    微信小程序canvas實現簽名功能

    這篇文章主要為大家詳細介紹了微信小程序canvas實現簽名功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    weixin_4543937910762022-01-04
  • js教程JavaScript實現手風琴效果

    JavaScript實現手風琴效果

    這篇文章主要為大家詳細介紹了JavaScript實現手風琴效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    ~噓~禁止想象~5032022-01-20
  • js教程ES6字符串的擴展實例

    ES6字符串的擴展實例

    這篇文章主要介紹了ES6字符串的擴展實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小...

    知否5582021-12-16
  • js教程原生js實現九宮格拖拽換位

    原生js實現九宮格拖拽換位

    這篇文章主要為大家詳細介紹了原生js實現九宮格拖拽換位,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    _小木不是木_11992022-01-07
主站蜘蛛池模板: 美女被吸乳老师羞羞漫画 | 国产真实一区二区三区 | 色播开心网 | 四虎新网址| 日本www色视频成人免费 | 国内外成人在线视频 | 日韩欧美国产在线 | 扒开黑女人p大荫蒂老女人 扒开大腿狠狠挺进视频 | 免费在线观看a | 五月天导航 | 久久精品国产亚洲AV热无遮挡 | 久久免费观看视频 | 欧美一级片在线看 | 国产色在线观看 | 丰满艳妇亲伦视频 | 肉文小说 | 我的漂亮朋友在线观看全集免费 | 青青草99久久精品国产综合 | 热色综合 | 男人女人日皮 | 问一问免费咨询 | 欧美人伦禁忌.5 | 日韩在线视频一区二区三区 | 成人久久伊人精品伊人 | 男男同gayxxx| 国产成人免费高清激情视频 | 撕开老师的丝袜白丝扒开粉嫩的小 | 精品国产国产精2020久久日 | 国产成人福利免费视频 | 情趣内衣情趣玩具play | 亚洲成人综合在线 | 日本连裤袜xxxxx在线视频 | 精品综合 | ai换脸杨颖被啪在线观看 | 无码爽死成人777在线观看网站 | 放荡警察巨r麻麻出轨小说 范冰冰特黄xx大片 饭冈加奈子在线播放观看 法国老妇性xx在线播放 | 四缺一写的小说 | 好男人资源大全免费观看 | 成人永久免费福利视频网站 | 婷婷久久精品 | 青青热久麻豆精品视频在线观看 |