国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

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

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
主站蜘蛛池模板: 国产亚洲一区二区精品 | 亚洲综合中文 | 自拍偷拍亚洲欧美 | 欧美国产在线观看 | 欧美伦理一区二区三区 | 成人综合网站 | 一区二区高清 | 美女爽到呻吟久久久久 | 国产人免费人成免费视频 | 日韩免费在线 | 免费黄看片 | 免费看黄色大片 | 一区二区三区四区在线播放 | 欧美 日韩 中文 | 亚洲精品久久久久久久久久久 | 视频黄色免费 | 欧美一区二区激情视频 | 在线视频自拍 | 国内精品一区二区 | 欧美日韩一区二区在线 | 黄色影片免费观看 | 国产精品欧美一区二区三区 | 最近韩国日本免费观看mv免费版 | 久久狠狠 | 伊人在线 | 综合色导航 | 国产精品视频一二三 | 久久久久久久国产视频 | 欧美久久精品 | 日韩精品在线一区二区 | 中日韩一线二线三线视频 | 欧洲一区二区在线观看 | 一区二区视频免费 | 黄色a一级电影 | 九九亚洲 | 蜜桃臀一区二区三区 | 综合久久综合 | 亚洲一区二区 | 国产一区| 久久九| 色婷婷中文字幕 |