关于使用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 相关文章推荐
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
Javascript 实现简单计算器实例代码
Oct 23 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
JS改变页面颜色源码分享
Feb 24 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
Element Backtop回到顶部的具体使用
Jul 27 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设计模式 Mediator (中介者模式)
2011/06/26 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
PHP根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
Array对象方法参考
2006/10/03 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
vue2导航根据路由传值,而改变导航内容的实例
2017/11/10 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
vue+express+jwt持久化登录的方法
2019/06/14 Javascript
[01:25:33]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第二场 12.20
2020/12/23 DOTA
详解Python中的Descriptor描述符类
2016/06/14 Python
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
环境科学专业研究生求职信
2013/10/02 职场文书
医学专业毕业生个人的求职信
2013/12/04 职场文书
大学生优秀团员事迹材料
2014/01/30 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
2014年涉外离婚协议书范本
2014/11/20 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
社区党建工作总结2015
2015/05/13 职场文书
岗位聘任协议书
2015/09/21 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书