关于使用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 相关文章推荐
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 Javascript
js全屏显示显示代码的三种方法
Nov 11 Javascript
js中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
Mar 06 Javascript
移动端点击态处理的三种实现方式
Jan 12 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
Mar 28 Javascript
MUI实现上拉加载和下拉刷新效果
Jun 30 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 Javascript
JS实现贪吃蛇游戏
Nov 15 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
php中socket通信机制实例详解
2015/01/03 PHP
JavaScript的parseInt 取整使用
2011/05/09 Javascript
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
javascript实现蒙版与禁止页面滚动
2020/01/11 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
python字符串连接方式汇总
2014/08/21 Python
Python程序中用csv模块来操作csv文件的基本使用教程
2016/03/03 Python
flask + pymysql操作Mysql数据库的实例
2017/11/13 Python
Django中Forms的使用代码解析
2018/02/10 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
HTML5中在title标题标签里设置小图标的方法
2020/06/23 HTML / CSS
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
2014党员自我评议表范文
2014/09/20 职场文书
小学教师师德整改措施
2014/09/29 职场文书
外出考察学习心得体会
2016/01/18 职场文书
《开国大典》教学反思
2016/02/16 职场文书
Python opencv缺陷检测的实现及问题解决
2021/04/24 Python
7个你应该知道的JS原生错误类型
2021/04/29 Javascript
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python