关于使用js算总价的问题


Posted in Javascript onJune 23, 2017

昨天对接数据,发现有个商品总价需要计算,商品数量不定,商品价格不定,商品种类不定,有点蒙,想来想去想找到点简单的写法也没想到,最后提供一种简单的思路吧。

商品数量,商品价格先建立两个数组;

let pro_num=[];

  let pro_price=[];

之后在新建一个数组放单个商品总价的数组;

let pro_total_price=[];

之后获取到所有的商品数量,商品价格放入数组,两个数组进行循环;

for(let i=0;i<pro_num.length;i++){

   for(let k=0;k<pro_price.length;k++){

     if(i==k){

      let alone_Total_price =parseFloat(pro_num[i])*parseFloat(pro_price[k]); //计算单个商品的总价

      pro_total_price.push(alone_Total_price); //获得所有的单个商品的总价

    } 

 }

  let sum=0;//初始化总价

  for(let i=0;i<pro_total_price.length;i++){

  sum+=pro_total_price[i] //单个总价相加  

 }

let total_price=sum.toFixed(2) //保留两位小数

如果会有数值变化或者多次进行总价计算清空单个总价的数组

pro_total_price.splice(pro_total_price.length,0);

以上这篇关于使用js算总价的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
模仿JQuery.extend函数扩展自己对象的js代码
Dec 09 Javascript
jquery如何根据值设置默认的选中项
Mar 17 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
jQuery Position方法使用和兼容性
Aug 23 jQuery
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
vue-cli初始化项目中使用less的方法
Aug 09 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
Sep 28 Javascript
angular select 默认值设置方法
Jun 23 #Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 #Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 #Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 #Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 #jQuery
详解vuejs之v-for列表渲染
Jun 22 #Javascript
vue.js实现条件渲染的实例代码
Jun 22 #Javascript
You might like
星际争霸中的热键
2020/03/04 星际争霸
PHP高自定义性安全验证码代码
2011/11/27 PHP
php写的带缓存数据功能的mysqli类
2012/09/06 PHP
php curl post 时出现的问题解决
2014/01/30 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
thinkphp5使html5实现动态跳转的例子
2019/10/16 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
深入理解JS中的Function.prototype.bind()方法
2016/10/11 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
小程序多图列表实现性能优化的方法步骤
2019/05/28 Javascript
Vue基于iview table展示图片实现点击放大
2020/08/05 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
Python聊天室程序(基础版)
2018/04/01 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Python爬虫入门教程01之爬取豆瓣Top电影
2021/01/24 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
俄罗斯第一家多品牌在线奢侈品精品店:Aizel.ru
2020/09/06 全球购物
汽车驾驶求职信
2013/10/25 职场文书
甜美蛋糕店创业计划书
2014/01/30 职场文书
仓管岗位职责范本
2014/02/08 职场文书
道德演讲稿
2014/05/21 职场文书
小学运动会演讲稿
2014/08/25 职场文书
个人剖析材料范文
2014/09/30 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
Golang 并发下的问题定位及解决方案
2022/03/16 Golang