关于使用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 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
关于JavaScript的with 语句的使用方法
May 09 Javascript
不同的jQuery API来处理不同的浏览器事件
Dec 09 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
jquery实现手风琴效果
Nov 20 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
Mar 29 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
如何用JS模拟实现数组的map方法
Jul 30 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 输出简单动态WAP页面
2009/06/09 PHP
php中将网址转换为超链接的函数
2011/09/02 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
javascript 模拟点击广告
2010/01/02 Javascript
jQuery选择头像并实时显示的代码
2010/06/27 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
JavaScript中this详解
2015/09/01 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
2020/02/27 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
[56:42]完美世界DOTA2联赛循环赛 Matador vs Forest 第二场 11.06
2020/11/06 DOTA
Python paramiko模块使用解析(实现ssh)
2019/08/30 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
基于Python实现简单学生管理系统
2020/07/24 Python
Django websocket原理及功能实现代码
2020/11/14 Python
python3 kubernetes api的使用示例
2021/01/12 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
英国领先的野生鸟类食品供应商:GardenBird
2018/08/09 全球购物
在校大学生的职业生涯规划书
2014/03/14 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
优秀教研组申报材料
2014/12/26 职场文书
街道办残联2016年助残日活动总结
2016/04/01 职场文书