关于使用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 fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
javascript基础知识讲解
Jan 11 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
Sep 16 Javascript
Puppeteer环境搭建的详细步骤
Sep 21 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
Apr 11 Javascript
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
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下实现伪 url 的超简单方法[转]
2007/09/24 PHP
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
JavaScript实现上下浮动的窗口效果代码
2015/10/12 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
python实现自动更换ip的方法
2015/05/05 Python
Python打包可执行文件的方法详解
2016/09/19 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
Python2和Python3的共存和切换使用
2019/04/12 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Python reversed反转序列并生成可迭代对象
2020/10/22 Python
自我评价是什么
2014/01/04 职场文书
天网工程实施方案
2014/03/26 职场文书
安全保证书范文
2014/04/29 职场文书
某某同志考察材料
2014/05/28 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
银行工作心得体会范文
2016/01/23 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
HTML基础详解(下)
2021/10/16 HTML / CSS
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python