首页前端开发JavaScriptJS实现购物车中商品总价计算

JS实现购物车中商品总价计算

时间2024-02-01 01:48:02发布访客分类JavaScript浏览764
导读:收集整理的这篇文章主要介绍了JS实现购物车中商品总价计算,觉得挺不错的,现在分享给大家,也给大家做个参考。 JS计算购物车中商品总价,供大家参考,具体内容如下题目要求:购物车中有若干商品...
收集整理的这篇文章主要介绍了JS实现购物车中商品总价计算,觉得挺不错的,现在分享给大家,也给大家做个参考。

JS计算购物车中商品总价,供大家参考,具体内容如下

题目要求:

购物车中有若干商品信息,其中包括商品的名称、单价、数量,计算购物车中商品的总价。

具体思路:

商品信息通过创建商品对象来实现,若干商品的加和通过创建数组来放置若干商品,再通过遍历数组读取指定属性对价格进行计算。

具体代码:

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>
    

运行结果:

@H_360_19@

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

您可能感兴趣的文章:
  • js实现购物车计算的方法

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: JavaScript实现二叉搜索树下一篇:JS实现一个秒表计时器猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: JS实现购物车中商品总价计算
本文地址: https://pptw.com/jishu/594760.html
canvas绘制刮刮卡效果 c++ vector用法是什么

游客 回复需填写必要信息